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
大功告成