Invalid options object. PostCSS Loader has been initialized using an options
今天在学习webpack的时候遇到以上错误。在使用postcss-loader对css做兼容性处理的时候,配置出现了一些问题,网上少有文档,emmmm…
注意:在写文章时我的webpack版本:5.31.0 webpack-cli版本:4.6.0
解决方法如下:
旧版配置
rules: [
{
test: /\.css$/,
use: [
// 'style-loader',
MiniCssExtractPlugin.loader,
'css-loader',
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: () => [
require('postcss-preset-env')()
]
}
}
]
},
]
新版配置
rules: [
{
test: /\.css$/,
use: [
// 'style-loader',
MiniCssExtractPlugin.loader,
'css-loader',
{
loader: 'postcss-loader',
options: {
postcssOptions: {
ident: 'postcss',
plugins: [
require('postcss-preset-env')()
]
}
}
}
]
},
]