webpack3.0问题系列 ——postcss-loader的使用

问题:把autoprefixer在webpack.config.js中设置   出现 Module build failed: Error: No PostCSS Config found in:

webpack3.0问题系列 ——postcss-loader的使用_第1张图片

webpack3.0问题系列 ——postcss-loader的使用_第2张图片


解决方案: 只是换了一种引入方式,解决了  

1,创建postcss.config.js文件,添加如下代码:(引入autoprefixer插件)

module.exports = {
  plugins: {
    'autoprefixer': {browsers: 'last 5 version'}
  }
}


2,这样就可以正确使用了


注意:在webpack2.6版本 可以通过直接在webpack.config.js中添加如下代码使用:


plugins: [
        new webpack.LoaderOptionsPlugin({
            options: {
                postcss: function(){
                    return [
                        require("autoprefixer")({
                            browsers: ['ie>=8','>1% in CN']
                        })
                    ]
                }
            }
        })
]

原因:探究中。。。

你可能感兴趣的:(webpack,前端项目构建)