postcss-preset-env

postcss-preset-env是一个兼容浏览器，给一些css加上前缀的插件

npm install --save-dev postcss-preset-env
配置：
再package.json加入
"browserslist": [
    "defaults",
    "not ie < 11",
    "last 3 versions",
    "> 0.2%",
    "iOS 7",
    "last 3 iOS versions"
  ]

我们将postcss的配置单独提取到项目根目录下的postcss.config.js：

module.exports = {
    plugins: [
        //自动添加前缀
       require('postcss-preset-env')
    ]
}

又或者直接在webpack.config.js里加入

{
        loader: "postcss-loader",
        options: {
             postcssOptions: {
                 plugins: [
                     require("postcss-preset-env")(),
                  ]
             }
        }
   }