问题出现：
大体意思是说
mini-css-extract-plugin 这个插件在js里css的引入顺序导致的问题，如上图所述，就是指
component-build.vue和component-statistics.vue这两个公共组件在引入时候导致了顺序警告
如官方issue所言
https://github.com/webpack-contrib/mini-css-extract-plugin/issues/250
确实是css引入顺序问题
然后检查组件引入
分别在electric-fire.vue和water-system.vue里面引用了两个组件，但是import顺序出了问题，一个是先import component-build.vue 另一个是先import component-statistics.vue，这个就是诞生警告问源头。
现在修改water-system.vue为：
也就是import上下调换一个位置而已
结果：
没问题了。
这种情况一般出现在公用组件的引入过程中，一旦引入地点多了，内容复杂了就容易产生这种问题，如果觉得没必要可以尝试关闭这个警告。当然最好建议别关闭，不然有一些其他的警告可能也会出问题。还是全局搜索一下，找找哪里引入错了，改回来把！哎！！！
相关文章：