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

·  阅读 1003

今天构建发现 

原本是很正常的一个兼容性写法渐变。结果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"
]

browserList: [
		"last 20 Chrome versions",
		"last 20 Firefox versions",
		"last 20 Opera versions",
		"Explorer >= 11",
		"Safari >= 8",
		"Android >= 4.4",
		"iOS >= 8"
	],
 
复制代码
分类:
前端
标签:
分类:
前端
标签: