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")(),
                  ]
             }
        }
   }