李恒道 发表于 2021-7-30 11:54:55

Conflicting order. Following module has been added

# 先说结论

直接无视即可

# 原理

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

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

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

按字母排序是完全无效的

```js position-relative
// a.entry.js
import'./a.css'
import'./b.css'
```

```js position-relative
// b.entry.js
import'./b.css'
import'./c.js'
```

```js position-relative
// 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 发表于 2022-6-1 19:59:32

考古沙发
页: [1]
查看完整版本: Conflicting order. Following module has been added