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