OptimizeCssPlugin 调用 cssProcessor cssnano 处理，可能是 cssnano 进行了重新计算（cssnano 称为 rebase），而且这种计算是不够准确的，所以覆盖了自己设置的值
解决办法: 将 z-index rebase 归类为 unsafe， cssnano 默认进行 z-index rebas，所以不开启unsafe即可解决问题。
var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
.........
.........
// Compress extracted CSS. We are using this plugin so that possible
// duplicated CSS from different components can be deduped.
new OptimizeCSSPlugin({
cssProcessorOptions: {
safe: true
}
})
这段代码 vue-cli 2.0 知道怎么添加 在uniapp上怎么修改？
5 个回复
4***@qq.com (作者)
就没有人碰到这种问题吗？
Trust - 少说废话
请提供一个可供测试的示例，方便测试并确认方案。
4***@qq.com (作者)
我是直接用vue create -p dcloudio/uni-preset-vue my-project 创建默认模板。然后下了sass依赖。然后就在默认模板的样式里面加了一个z-index 样式。打包成H5一样被重新计算了
2019-04-01 14:38
4***@qq.com (作者)
Trust
没有重现，你升级下 HBuilderX 以及 cli 的依赖再试试。
2019-04-01 15:03
4***@qq.com (作者)
回复 Trust: 下了最新标准版本的HBuilderX。然后再工具里安装了scss插件。再HBuilderX打包出来。文件放在线上 还是一样 z-index自动编写为1 npm run dev 本地运行 就没有这个问题
2019-04-01 15:34
4***@qq.com (作者)
回复 Trust: 如果写在view标签里的style 内行样式 则不会编写为1
2019-04-01 15:36
Trust
回复 4***@qq.com:上传一下可以重现问题的项目
2019-04-01 15:42
4***@qq.com (作者)
回复 Trust: 上传了 你看下 。谢谢 、还有就是条件编译的问题。npm run dev 可以生效。打包后css里面的条件编译失效
2019-04-01 16:03
Trust
回复 4***@qq.com:z-index: 300;没有变化呀，你升级一下依赖试试吧，npm update
2019-04-01 16:17
4***@qq.com (作者)
回复 Trust:重新下了一遍依赖。问题解决了。麻烦你了
2019-04-01 18:37
4***@qq.com (作者)
里面有打包后的H5项目
你好2222 - 你好
请问作者是怎么解决的