webpack 打包后样式出错

对比开发环境和测试环境，发现打包后样式出现问题。
仔细对比发现打包后的样式z-index发生了变化。
后面定位到了
optimize-css-assets-webpack-plugin
这个插件cssnano会自动重新计算z-index值，不够准确，会导致样式出错
而cssnano重新计算z-index被定义为一个不安全的属性。。。
插件设置为

      new OptimizeCSSAssetsPlugin({
        cssProcessorOptions: {
        // 避免 cssnano 重新计算 z-index
        safe: true
        },
      })