当前位置: 代码迷 >> 综合 >> webpack遇见的问题:options has an unknown property ‘plugins‘. These properties are valid
  详细解决方案

webpack遇见的问题:options has an unknown property ‘plugins‘. These properties are valid

热度:95   发布时间:2024-03-09 22:39:16.0

错误描述:

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-envloader:"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-envloader:"postcss-loader",options:{postcssOptions:{ident:"postcss",plugins:[require("postcss-preset-env")()]}}},'less-loader']},]},

 

  相关解决方案