旁观自己 善待朝夕|

猫老板的豆

园龄:9年4个月粉丝:52关注:0

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

本文作者:猫老板的豆

本文链接:https://www.cnblogs.com/bingcola/p/16499225.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   猫老板的豆  阅读(156)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.