今天构建发现
原本是很正常的一个兼容性写法渐变。结果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 使用了 作为依赖
大家改一下看下自己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" ], 复制代码