标签 前端 下的文章

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
   ] 
})]

然后，为了兼容大多数主流机型，在package.json里面找到 browserslist ，加上
"iOS >= 8","Firefox >= 20","Android > 4.4"