Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
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.

© 2023 Gatsby, Inc.