vue打包后样式会变化

有段时间发现本地npm run dev的时候样式好好的，npm run build后在手机里样式就变了，后面发现是一个插件搞的鬼，修改/build/webpack.prod.conf.js文件：

...
new OptimizeCSSPlugin({
  cssProcessorOptions: {
    safe: true
  }
}),
...

重点就是这个cssProcessorOptions: { safe: true }的配置，有些版本的vue2+webpack模板里没有这行配置，会导致比如你的z-index值被优化（坑）到你没脾气。所以如果你现在的文件里有这样配置就最好了，没有的话需要手动添加一下

链接：https://www.zhihu.com/question/38213423/answer/190371519