编译警告:chunk common [mini-css-extract-plugin]

1,652 阅读1分钟

最近开发微信小程序的时候,重新编译了下程序,突然发现报这个警告: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组件的类名重复,找了大半天的问题!所以在写类名的时候也是需要注意下的!