mini-css-extract-plugin WARNING in chunk chunkName [mini-css-extract-plugin] Conflicting order between:
Original Link It can easily become an annoying bug! I can see it being reported in every framework -- e.g. in issue #5372 in create-react-app , issue #250 in the mini-css-extract-plugin itself, etc. I spent 6 hours debugging it (including putting console.log in the source code of mini-css-extract-plugin where it omits the Warning) and here are my findings. What is this plugin? The mini-css-extract-plugin of webpack is a CSS-bundler. It is there to gather CSS pieces and put them into .css chunks for you. Just like what the whole Webpack build is doing for .js files. Why is it happening to me? You are running into it because all of these conditions apply to you: You have Vue SFC or CSS-in-JS , that results in your CSS content being in different files (which are called modules ). Your webpack configurations are set to do some sort of code-splitting optimizations, (...