错误描述:
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']},]},