vue-cli build打包后CSS浏览器兼容前缀自动去除的问题

今天构建发现原本是很正常的一个兼容性写法渐变。结果npm run build项目时background: -webkit-linear-gradient(left,#ccc,#fff)background: -moz-linear-gradient(left,#ccc,#fff);background: -o-linear-gradient(left,#ccc,#fff);backgrou...

_Daniel_

2979人浏览 · 2018-05-30 15:32:37

_Daniel_ · 2018-05-30 15:32:37 发布

今天构建发现

原本是很正常的一个兼容性写法渐变。结果npm run build项目时

background: -webkit-linear-gradient(left,#ccc,#fff)
background: -moz-linear-gradient(left,#ccc,#fff);
background: -o-linear-gradient(left,#ccc,#fff);
background: linear-gradient(left,#ccc,@stop);

结果npm run build项目时

background: linear-gradient(left,#ccc,@stop);

只剩下这一行，导致谷歌内核的全看不到样式。

原来是因为autoprefixer 使用了 browserslist 作为依赖

大家改一下看下自己package.json中的，即可。

"browserslist": [
  "> 1%",
  "last 2 versions",
  "last 10 Chrome versions",
  "last 5 Firefox versions",
  "Safari >= 6",
  "ie > 8"
]

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}$/, //不连续的两位字母// /^