webpack 打包css z-index值被重新计算

webpack 打包css z-index值被重新计算

发生了什么?

当把项目打包放置测试环境,发现了一件奇怪的事,我设置的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
        }
      }
 )
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值