fix: import order

Author: alexander-akait

src/index.js

@@ -989,6 +989,7 @@ class MiniCssExtractPlugin {
       let content = module.content.toString();
 
       const readableIdentifier = module.readableIdentifier(requestShortener);
+      const startsWithAtRuleImport = /^@import url/.test(content);
 
       if (compilation.outputOptions.pathinfo) {
         // From https://github.com/webpack/webpack/blob/29eff8a74ecc2f87517b627dee451c2af9ed3f3f/lib/ModuleInfoHeaderPlugin.js#L191-L194
@@ -999,7 +1000,7 @@ class MiniCssExtractPlugin {
         content = headerStr + content;
       }
 
-      if (/^@import url/.test(content)) {
+      if (startsWithAtRuleImport) {
         // HACK for IE
         // http://stackoverflow.com/a/14676665/1458162
         if (module.media) {

test/cases/at-import-in-entry/a.css

@@ -0,0 +1,3 @@
+body {
+  font-family: "Manrope";
+}

test/cases/at-import-in-entry/b.css

@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500;800&display=swap);

test/cases/at-import-in-entry/expected/main.css

@@ -0,0 +1,16 @@
+/*!****************************************************************!*\
+  !*** css ../../../node_modules/css-loader/dist/cjs.js!./b.css ***!
+  \****************************************************************/
+@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500;800&display=swap);
+/*!****************************************************************!*\
+  !*** css ../../../node_modules/css-loader/dist/cjs.js!./a.css ***!
+  \****************************************************************/
+body {
+    font-family: 'Manrope';
+}
+
+/*!********************************************************************!*\
+  !*** css ../../../node_modules/css-loader/dist/cjs.js!./b.css (1) ***!
+  \********************************************************************/
+
+

test/cases/at-import-in-entry/webpack.config.js

@@ -0,0 +1,22 @@
+import Self from "../../../src";
+
+module.exports = {
+  mode: "development",
+  entry: ["./a.css", "./b.css"],
+  output: {
+    pathinfo: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [Self.loader, "css-loader"],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: "[name].css",
+    }),
+  ],
+};