See what's launched

The next gen Gatsby is here Performance, developer velocity, and scaling to meet Enterprise needs - See what’s launched

Sign Up for Free
Community Plugin
View plugin on GitHub



For some projects, you may be using CSS Modules or another CSS-in-JS library to safely scope CSS between pages and components. The webpack mini-css-extract-plugin however, still warns that the CSS might be bundled out of order. The warning is:

warn chunk styles [mini-css-extract-plugin] Conflicting order. Following module has been added:

As long as you are properly using your CSS-in-JS library, this warning can be ignored.

How to install

npm install @mediacurrent/gatsby-plugin-silence-css-order-warning

Then add the plugin to your gatsby-config.js file.

module.exports = {
  plugins: [


Because this plugin silences the warning completely, it may swallow a valid warning of CSS order bundling that you may have in your project.

© 2022 Gatsby, Inc.