6-7 webpack learn

[CaptainLiao]

通过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"
            }
        ]
    }
}

我们在webpack.config.js的同级目录下新建postcss.config.js文件，配置如下

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

接下来我们再来运行webpack就可以了。