對(duì)比開發(fā)環(huán)境和測試環(huán)境,發(fā)現(xiàn)打包后樣式出現(xiàn)問題。
仔細(xì)對(duì)比發(fā)現(xiàn)打包后的樣式z-index發(fā)生了變化。
后面定位到了
optimize-css-assets-webpack-plugin
這個(gè)插件cssnano會(huì)自動(dòng)重新計(jì)算z-index值,不夠準(zhǔn)確,會(huì)導(dǎo)致樣式出錯(cuò)
而cssnano重新計(jì)算z-index被定義為一個(gè)不安全的屬性。。。
插件設(shè)置為
new OptimizeCSSAssetsPlugin({
cssProcessorOptions: {
// 避免 cssnano 重新計(jì)算 z-index
safe: true
},
})