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 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步