options has an unknown property ‘plugins‘. These properties are valid

错误描述:

ERROR in ./src/css/index.less (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??postcss!./node_modules/less-loader/dist/cjs.js!./src/css/index.less)

Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):

ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.- options has an unknown property 'plugins'. These properties are valid:

 module:{
        rules:[
            {
                test:/\.less$/,
                use:[
                    MiniCssExtractPlugin.loader,
                    'css-loader',//将css文件整合在js中
                    { //css兼容 postcss-loader postcss-preset-env
                        loader:"postcss-loader",
                        options:{
                                ident:"postcss",
                                    plugins:[
                                    require("postcss-preset-env")()
                                ]
                        }
                    }
                    'less-loader'
                ]
            },
        ]
    },

改成:在  ident:"postcss",

                  plugins:()=>[

                          require("postcss-preset-env")()

                    ]

外部加一层postcssOptions

 options:{

                            postcssOptions:{

                                ident:"postcss",

                                    plugins:()=>[

                                    require("postcss-preset-env")()

                                ]

                            }

                        }

修改过后的代码:

 module:{
        rules:[
            {
                test:/\.less$/,
                use:[
                    MiniCssExtractPlugin.loader,
                    'css-loader',//将css文件整合在js中
                    {//css兼容 postcss-loader postcss-preset-env
                        loader:"postcss-loader",
                        options:{
                            postcssOptions:{
                                ident:"postcss",
                                    plugins:[
                                    require("postcss-preset-env")()
                                ]
                            }
                        }
                    },
                    'less-loader'
 
                ]
            },
 
        ]
    },

猜你喜欢

转载自blog.csdn.net/sunboylife/article/details/109502431