postcss无法与webpack 5和sass结合使用

问题描述

im使用webpack 5和最新的css / postcss / sass软件包。现在我得到了错误

  Module not found: Error: path argument is not a string

如果我删除了postcss加载程序,那么它将起作用。

那是代码

            rules: [{
            test: /\.s?css/i,use: [
                MiniCssExtractPlugin.loader,{
                    loader: 'css-loader',options: {
                        sourceMap,url,importLoaders: 1,}
                },{
                    loader: require('postcss-loader').loader,postcssOptions: {
                            plugins: [
                                require('postcss-import')(),require('cssnano')(),require('autoprefixer')(autoprefixerOptions),require('postcss-merge-rules')(),require('postcss-object-fit-images'),],},{
                    loader: 'sass-loader',}
            ]
        },]

解决方法

好,我解决了。

loader: require.resolve('postcss-loader'),

不是

require('postcss-loader').loader