上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

Conflicting order. Following module has been added

[复制链接]

182

主题

1388

帖子

757

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
757
发表于 2021-7-30 11:54:55 | 显示全部楼层 | 阅读模式

先说结论

直接无视即可

原理

在编译的过程中,会由于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.jsb.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

混的人。

发表回复

本版积分规则

快速回复 返回顶部 返回列表