编译的时候会报类似下面的css冲突
产生原因
这个警告表示在不同的js文件夹中引入相同的css时,顺利不一致导致的,在index.js中先引入了prototol下面的css, 在下单页面先引入了goodsItem中的css,因此产生了冲突,便会产生这个警告。
解决方法
1.将所有页面的引入顺序都按照index页面引入顺序引入
2.在config文件中配置忽略css引入顺序,即整个项目再也不会报类似的警告⚠️
config/index.js
miniCssExtractPluginOption: {
ignoreOrder: true // 解决css引入顺序不一导致冲突的警告问题
}