Conflicting order. Following module has been added

李恒道

先说结论

直接无视即可

原理

在编译的过程中，会由于CSS冲突而导致发成此错误

如A.vue有div{color:red} B.vue有div{color:blue}

在不同的文件同时引入了这两个文件，并且顺序不同就会导致冲突

按字母排序是完全无效的

// a.entry.js 
import  './a.css' 
import  './b.css'

// b.entry.js 
import  './b.css' 
import  './c.js'

// c.js
导入 './a.css'

在这里，所有的进口都按字母顺序排序，但a.entry.js和b.entry.js具有不同顺序的CSS文件

原理

这点是由于webpack的打包过程中，不考虑vue的局部作用域，而根据vue的块css想形成自己的打包css，而产生这种冲突，实际由于vue的css后缀，个人认为是完全没有问题的

参考资料

https://stackoverflow.com/questions/51971857/mini-css-extract-plugin-warning-in-chunk-chunkname-mini-css-extract-plugin-con/67579319#67579319

Lee7538

考古沙发