前情
最近在開發一個小程序項目,基於公司的技術棧是React,於是使用Taro來開發小程序。
坑位
在開發中經常性的報類似如下的錯誤,大致意思是說你引入模塊的順序在不同模塊中不一致
Why?
主要是mini-css-extract-plugin插件爲了避免樣式衝突,對你模塊引入的css順序有要求
解決方案
方案1(推薦):
根據提示的文件,對比這幾個文件模塊引入的順序修正順序即可
方案2:
如果實在衝突比較多或者很難找到哪裏出錯,就像我這種情況,對比了順序真的是一樣的,就是報錯,可以在config/index.js文件下mini配置忽略css引入順序,這樣整個項目再也不會報類似的警告
mini: {
...
miniCssExtractPluginOption: {
ignoreOrder: true // 解決css引入順序不一導致衝突的警告問題
}
}