fix: infinity applying loaders leading to memory allocation fail (#849)

Author: alexander-akait

src/loader.js

@@ -213,7 +213,7 @@ export function pitch(request) {
         )}`;
 
     this.importModule(
-      `${this.resourcePath}.webpack[javascript/auto]!=!${request}`,
+      `${this.resourcePath}.webpack[javascript/auto]!=!!!${request}`,
       {
         layer: options.layer,
         publicPath: publicPathForExtract,
@@ -366,4 +366,6 @@ export function pitch(request) {
 }
 
 // eslint-disable-next-line func-names
-export default function () {}
+export default function (content) {
+  console.log(content);
+}

test/cases/ignore-other-loaders/expected/main.css

@@ -0,0 +1,4 @@
+body {
+  background: red;
+}
+

test/cases/ignore-other-loaders/index.js

@@ -0,0 +1 @@
+import "./style.css";

test/cases/ignore-other-loaders/other.css

@@ -0,0 +1,3 @@
+.color {
+  color: red;
+}

test/cases/ignore-other-loaders/style.css

@@ -0,0 +1,3 @@
+body {
+  background: red;
+}

test/cases/ignore-other-loaders/webpack.config.js

@@ -0,0 +1,23 @@
+import Self from "../../../src";
+
+module.exports = {
+  entry: "./index.js",
+  module: {
+    rules: [
+      {
+        test: /\.css|\.less$/,
+        use: [
+          {
+            loader: Self.loader,
+          },
+          "css-loader",
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: "[name].css",
+    }),
+  ],
+};