Autoprefixer是一個(gè)后處理程序唇礁，你可以同Sass悟衩，Stylus或LESS等預(yù)處理器共通使用规个。它適用于普通的CSS炎功，而你無(wú)需關(guān)心要為哪些瀏覽器加前綴枚冗，只需全新關(guān)注于實(shí)現(xiàn)，并使用W3C最新的規(guī)范蛇损。配合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還有一個(gè)autoprefixer-loader赁温，但npm官網(wǎng)已將其標(biāo)為【deprecated】，推薦使用上面示例中通過(guò)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
然后股囊，為了兼容大多數(shù)主流機(jī)型，在package.json里面找到 browserslist 更啄，加上
"iOS >= 8","Firefox >= 20","Android > 4.4"
image.png
