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

首先webpack.config.js中加載loader

module.exports = {
    //    __dirname是nodejs里的一個全局變量,他指向我們的根目錄
    //entry入口文件路徑
    entry: __dirname + '/app/main.js',
    //出口文件位置
    output: {
        path: __dirname + '/public', //出口文件位置
        filename: 'webpack.js' //出口文件名
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                loader: "style-loader!css-loader!postcss-loader"
            }
        ]
    }
}

我們這里使用了postcss-loader，但是他需要依賴項，直接在下方require並沒有卵用，這里采納網友的做法，親測可用，就分享一下

主要是重置了postcss.config.js的配置項

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

module.exports = {
  plugins: [
    require('autoprefixer')
  ]
}

截下來我們在來運行webpack就可以了，我們右擊審查元素，發現css3屬性已經給加上了瀏覽器前綴，但是貌似沒有-moz-