vue打包后样式会变化

有段时间发现本地npm run dev的时候样式好好的，npm run build后在手机里样式就变了，后面发现是一个插件搞的鬼，修改/build/webpack.prod.conf.js文件：...new OptimizeCSSPlugin({cssProcessorOptions: {safe: true}}),...重点就是这个cssProcessorOptions

CurryChou777

17681人浏览 · 2017-07-31 11:08:17

CurryChou777 · 2017-07-31 11:08:17 发布

有段时间发现本地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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^