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-