[mini-css-extract-plugin] Conflicting order between 和Entrypoint mini-css-extract-plugin = *

在对webpack2.+ 升级到 4.+之后,开发模式下编译出现以下两个warning

以及

虽然不影响正常使用,但实在别扭故开始找解决办法

Conflicting order between

找到的是github issues ,官方给出答复大意是在不同文件引入相同的两个css文件且顺序不同,就会导致警告。

找到可用答案

1.修改出现问题的js中css文件顺序 (我出现问题的css样式在三方引入库中,所以这种方式不行)

2.使用stats去掉warning (推荐)  stats官方文档 

具体使用   stats: { warningsFilter: (warning) => /Conflicting order between/gm.test(warning) },

注意如果你使用devServer,需要把上面代码写进devServer。不使用可直接写在module.exports={}中

Entrypoint mini-css-extract-plugin = *

使用以下代码即可去掉warning,同样需要注意是否有devServer

stats: {
    children: false,
},

你可能感兴趣的:(webpack)