webpack中使用postcss-loader

前情提要：

在之前项目webpack1.x版本升级到webpack4.x版本，使用postcss-loader代替autoprefixer。

在webpack.config.js中直接使用postcss plugins会有 No PostCSS Config found in ... 的错误。

{
                loader: 'postcss-loader',
                options:{
                    ident: 'postcss',
                    plugins: (loader) =>  [
                        require('autoprefixer')(browsers: ['last 2 versions']), // css浏览器兼容
                        require('cssnano')()  //压缩css
                    ]
                }
            }

这个问题纠结了一天。

解决方案:

额外引用postcss的config文件：

postcss.config.js

module.exports = {
    plugins: [
        require('autoprefixer')({ browsers: ['last 2 versions'] }),
        require('cssnano')()  //压缩css
    ],
};

webpack.config.js