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);
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"
]