欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-14 22:34:19
...

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

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

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


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

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']
                        })
                    ]
                }
            }
        })
]

原因:探究中。。。