vue-cli build打包后CSS前缀被自动去除

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"
]
posted @ 2022-07-20 18:16  猫老板的豆  阅读(145)  评论(0编辑  收藏  举报