autoprefixer,我理解吧,就是自动补全css前缀的东西,那如何在使用了vue-cli脚手架的时候使用这个插件呢?以下是基于webpack项目下的解决方案,参考了:https://segmentfault.com/q/1010000009043539/
在 项目名/build/webpack.base.conf.js 里加上
const autoprefixer=require("autoprefixer")
postcss:[require('autoprefixer')({ browsers: ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 6', 'ie> 8'] })]
像这样:
然后,为了兼容大多数主流机型,在package.json里面找到 browserslist ,加上
"iOS >= 8","Firefox >= 20","Android > 4.4"
我的是这样的
别忘了npm install postcss, npm install autoprefixer
大功告成