webpack通過postcss-loader添加瀏覽器前綴

　　在webpack中，我們可以很方便的使用autoprefixer來為css3屬性添加不同的瀏覽器前綴。

　　首先，需要安裝autoprefixer不用多說了，其次是安裝postcss-loader(npm install --save-dev postcss-loader)

　　接下來在webpack.config.js文件里添加如下代碼（紅圈部分）：

　　　　　　

 

　　接下來，在webpack.config.js的同級目錄下新建postcss.config.js文件，配置如下：

module.exports = {
  plugins: [
    require('autoprefixer')({
      browsers : ['last 30 versions', "> 2%", "Firefox >= 10", "ie 6-11"]
       })
  ]
}

　　然后使用npm run build打包，即可發現需要添加瀏覽器前綴的屬性會自動添加相關瀏覽器前綴。很方便有木有。