发生了什么?
当把项目打包放置测试环境,发现了一件奇怪的事,我设置的z-index值变了,不再是我熟悉当那个z-index了,肿么了?顿时怀疑测试环境的人生,得纠正它的人生。
问题在哪里
有问题就百度,看到某大佬在其文章说道:
OptimizeCssPlugin 调用 cssProcessor cssnano 处理,可能是 cssnano 进行了重新计算(cssnano 称为 rebase),而且这种计算是不够准确的,所以覆盖了自己设置的值。
大佬说的对,给大佬鼓掌?。
终于知道了问题源头,不是测试环境的人生出现了问题,在此道歉?♀️,咦嘻嘻嘻
有问题就要解决
怎么解决?当然不让OptimizeCssPlugin对z-index进行重新计算了,我设置成什么就是什么。上代码!
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
//此处是配置的其余代码
new OptimizeCSSAssetsPlugin({
cssProcessorOptions: {
safe: true
}
}
)