NextJS

How to Mute Warnings of "Conflicting order between"

We use CSS modules, so it doesn’t make sense to care about importing order, but the mini-css-extract-plugin doesn’t provide an option to turn off the conflicting warning:

chunk styles [mini-css-extract-plugin]
Conflicting order between:
 * css ...
 * css ...

Here’s how to mute them.

First, install webpack-filter-warnings-plugin:

npm i webpack-filter-warnings-plugin --save-dev

Then in your Webpack config, add this plugin (the below example is for NextJS, but normal Webpack config works the same way):

const FilterWarningsPlugin = require('webpack-filter-warnings-plugin')

...
config.plugins.push(
    new FilterWarningsPlugin({
        exclude: /mini-css-extract-plugin[^]*Conflicting order between:/,
    }),
)
Standard

One thought on “How to Mute Warnings of "Conflicting order between"

  1. Chad says:

    Thank you! I had started to ignore the warnings, but it’s grown to a point where it takes up my whole terminal.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.