最近开发微信小程序的时候,重新编译了下程序,突然发现报这个警告:chunk common [mini-css-extract-plugin];
上网搜了下,说是多个页面引入组件的顺序不一致,不影响程序的运行,但是看着就很难受;所以全局开始调整引入的组件的顺序,在调整的过程中,总觉得应该还有别的解决方式;
参考文章:# Taro编译警告:chunk common [mini-css-extract-plugin] Conflicting order between *.css
在config/index.js中:
config/index.js
mini: {
miniCssExtractPluginOption: {
//忽略css文件引入顺序
ignoreOrder: true
},
}
问题完美解决!
文章中还提到一点,我在开发中也遇到过:
注意事项:组件的样式需要包裹起来,否则有可能造成css污染
我在使用taro UI的时候,自己写的一个类名跟UI组件的类名重复,找了大半天的问题!所以在写类名的时候也是需要注意下的!