Set ignoreOrder to true for MiniCssExtractPlugin

shakacode · Oct 21, 2022 · 15780d9 · 15780d9
1 parent 30044b5
commit 15780d9
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/package/environments/base.js b/package/environments/base.js
@@ -73,7 +73,11 @@ const getPlugins = () => {
     plugins.push(
       new MiniCssExtractPlugin({
         filename: `css/[name]${hash}.css`,
-        chunkFilename: `css/[id]${hash}.css`
+        chunkFilename: `css/[id]${hash}.css`.split(),
+        // For projects where css ordering has been mitigated through consistent use of scoping or naming conventions,
+        // the css order warnings can be disabled by setting the ignoreOrder flag.
+        // Read: https://stackoverflow.com/questions/51971857/mini-css-extract-plugin-warning-in-chunk-chunkname-mini-css-extract-plugin-con
+        ignoreOrder: true,
       })
     )
   }