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-