docs: updating docs about filtering warnings warningsFilter

Author: ScriptedAlchemy

README.md

@@ -186,9 +186,7 @@ module.exports = {
   plugins: [
     new MiniCssExtractPlugin({
       filename: "[name].css",
-      chunkFilename: "[id].css",
-      // disables order warnings being logged in terminal after build
-      orderWarning: true, // Disable to remove warnings about conflicting order between imports
+      chunkFilename: "[id].css"
     })
   ],
   module: {
@@ -322,6 +320,10 @@ module.exports = {
 
 For long term caching use `filename: "[contenthash].css"`. Optionally add `[name]`.
 
+### Remove Order Warnings
+
+If the terminal is getting bloated with chunk order warnings. You can filter by configuring [warningsFilter](https://webpack.js.org/configuration/stats/) withing the webpack stats option
+
 ### Media Query Plugin
 
 If you'd like to extract the media queries from the extracted CSS (so mobile users don't need to load desktop or tablet specific CSS anymore) you should use one of the following plugins:

src/index.js

@@ -113,7 +113,6 @@ class MiniCssExtractPlugin {
     this.options = Object.assign(
       {
         filename: '[name].css',
-        orderWarning: true,
       },
       options
     );
@@ -481,20 +480,16 @@ class MiniCssExtractPlugin {
           // use list with fewest failed deps
           // and emit a warning
           const fallbackModule = bestMatch.pop();
-          if (this.options.orderWarning) {
-            compilation.warnings.push(
-              new Error(
-                `chunk ${chunk.name || chunk.id} [${pluginName}]\n` +
-                  'Conflicting order between:\n' +
-                  ` * ${fallbackModule.readableIdentifier(
-                    requestShortener
-                  )}\n` +
-                  `${bestMatchDeps
-                    .map((m) => ` * ${m.readableIdentifier(requestShortener)}`)
-                    .join('\n')}`
-              )
-            );
-          }
+          compilation.warnings.push(
+            new Error(
+              `chunk ${chunk.name || chunk.id} [${pluginName}]\n` +
+                'Conflicting order between:\n' +
+                ` * ${fallbackModule.readableIdentifier(requestShortener)}\n` +
+                `${bestMatchDeps
+                  .map((m) => ` * ${m.readableIdentifier(requestShortener)}`)
+                  .join('\n')}`
+            )
+          );
           usedModules.add(fallbackModule);
         }
       }