update webpack.config to load CSS order correctly (#12484)

Altinn · Mar 12, 2024 · aa6097f · aa6097f
1 parent 056a2df
commit aa6097f
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/frontend/webpack.common.js b/frontend/webpack.common.js
@@ -33,35 +33,37 @@ module.exports = {
         use: ['@svgr/webpack'],
       },
       {
-        test: /\.module\.css$/,
+        test: /(?<!\.module)\.css$/,
         use: [
-          'style-loader',
+          {
+            loader: MiniCssExtractPlugin.loader,
+          },
           {
             loader: 'css-loader',
             options: {
-              url: {
-                filter: (url, _resourcePath) => {
-                  // Disable processing for root-relative urls (e.g. /designer/img)
-                  return !/^\//.test(url);
-                },
-              },
-              modules: {
-                localIdentName: '[name]__[local]--[hash:base64:5]',
-              },
+              url: false,
             },
           },
         ],
       },
       {
-        test: /(?<!\.module)\.css$/,
+        test: /\.module\.css$/,
         use: [
           {
             loader: MiniCssExtractPlugin.loader,
           },
           {
             loader: 'css-loader',
             options: {
-              url: false,
+              url: {
+                filter: (url, _resourcePath) => {
+                  // Disable processing for root-relative urls (e.g. /designer/img)
+                  return !/^\//.test(url);
+                },
+              },
+              modules: {
+                localIdentName: '[name]__[local]--[hash:base64:5]',
+              },
             },
           },
         ],