Merge pull request #6136 from ShivamCoder23/css/issue

set config for css conflict warning

Author: sudhanshutech

gatsby-config.js

@@ -17,6 +17,7 @@ module.exports = {
   },
   trailingSlash: "never",
   plugins: [
+    "@mediacurrent/gatsby-plugin-silence-css-order-warning",
     {
       resolve: "gatsby-plugin-webpack-bundle-analyser-v2",
       options: {

gatsby-node.js

@@ -9,6 +9,7 @@ const path = require("path");
 const slugify = require("./src/utils/slugify");
 const { paginate } = require("gatsby-awesome-pagination");
 const { createFilePath } = require("gatsby-source-filesystem");
+const FilterWarningsPlugin = require("webpack-filter-warnings-plugin");
 const config = require("./gatsby-config");
 const {
   componentsData,
@@ -977,7 +978,7 @@ const createSectionPage = ({ envCreatePage, node }) => {
   });
 };
 
-exports.onCreateWebpackConfig = ({ actions }) => {
+exports.onCreateWebpackConfig = ({ actions, stage, getConfig }) => {
   actions.setWebpackConfig({
     resolve: {
       fallback: {
@@ -987,7 +988,29 @@ exports.onCreateWebpackConfig = ({ actions }) => {
       },
     },
   });
+  actions.setWebpackConfig({
+    plugins: [
+      new FilterWarningsPlugin({
+        exclude:
+          /mini-css-extract-plugin[^]*Conflicting order. Following module has been added:/,
+      }),
+    ],
+  });
+
+  if (stage === "build-javascript") {
+    const config = getConfig();
+    const miniCssExtractPlugin = config.plugins.find(
+      (plugin) => plugin.constructor.name === "MiniCssExtractPlugin"
+    );
+
+    if (miniCssExtractPlugin) {
+      miniCssExtractPlugin.options.ignoreOrder = true;
+    }
+
+    actions.replaceWebpackConfig(config);
+  }
 };
+
 exports.createSchemaCustomization = ({ actions }) => {
   const { createTypes } = actions;
   const typeDefs = `

package-lock.json

@@ -38,6 +38,7 @@
     "@loadable/component": "^5.16.4",
     "@mdx-js/mdx": "1.6.22",
     "@mdx-js/react": "1.6.22",
+    "@mediacurrent/gatsby-plugin-silence-css-order-warning": "^1.0.0",
     "@mui/icons-material": "^5.16.4",
     "@mui/material": "^5.15.11",
     "@react-icons/all-files": "^4.1.0",
@@ -78,6 +79,7 @@
     "joi": "^17.10.2",
     "js-search": "^2.0.0",
     "lodash": "^4.17.21",
+    "mini-css-extract-plugin": "^2.9.2",
     "mui-datatables": "^4.3.0",
     "path-browserify": "^1.0.1",
     "prism-react-renderer": "^2.0.6",
@@ -112,6 +114,7 @@
     "styled-components": "^6.0.5",
     "swiper": "^10.0.4",
     "url": "^0.11.3",
+    "webpack-filter-warnings-plugin": "^1.2.1",
     "xstate": "^5.13.0"
   },
   "devDependencies": {