Autoprefixer是一个后处理程序，你可以同Sass，Stylus或LESS等预处理器共通使用。它适用于普通的CSS，而你无需关心要为哪些浏览器加前缀，只需全新关注于实现，并使用W3C最新的规范。配合postcss一起使用后更好.
安装 : npm install postcss autoprefixer
var autoprefixer = require('autoprefixer');
module.exports = {
module: {
loaders: [
{ test: /\.css$/, loader: "style!css!postcss" },
{ test: /\.scss$/, loader: "style!css!postcss!sass" }
]
},
postcss: [ autoprefixer({ browsers: ['last 2 versions'] })
]}
注： 另外webpack还有一个autoprefixer-loader，但npm官网已将其标为【deprecated】，推荐使用上面示例中通过postcss-loader的方式使用autoprefixer。
const autoprefixer=require("autoprefixer")
postcss:[require('autoprefixer')({
browsers: [
'last 10 Chrome versions',
'last 5 Firefox versions',
'Safari >= 6',
'ie> 8
]
})]
image.png
然后，为了兼容大多数主流机型，在package.json里面找到 browserslist ，加上
"iOS >= 8","Firefox >= 20","Android > 4.4"
image.png
