无效的配置对象。已使用与ReactJS中的API架构不匹配的配置对象初始化Web包

由于配置对象与API架构不匹配，无法生成生产模式。更新后发生错误webpack@3.0.0翻版webpack@4.40.2. 我更新了网页包版本，因为提取文本网页包插件与不兼容webpack@3.0.0.

下面是我运行构建时的终端错误：prod（生产模式）

下面是webpack.config.js文件

const path=require（'path'）；
const ExtractTextPlugin=require（'extract-text-webpack-plugin'）；
module.exports=（env）=>{
const isProduction=env==‘production’；
const CSSExtract=新的ExtractTextPlugin（'styles.css'）；
console.log（'env'，env）；
返回{
条目：'./src/app.js'，
输出：{
path:path.join（uu dirname，'public'），
文件名：“bundle.js”
},
模块：{
规则：[{
加载器：“巴别塔加载器”，
测试：/\.js$/,，
排除：/node\u模块/
},{
测试：/\.s？css$/,，
用法：CSSExtract.extract({
使用：[
“css加载程序”，
“sass loader”
]
})
}]
},
插件：[
CSSExtract
],
开发工具：iProduction？“源映射”：“廉价模块评估源映射”，
开发服务器：{
contentBase:path.join（uu dirname，'public'），
历史上的倒退：正确
}
}
};在您的网页配置中将“plugin”更改为“plugins”
我遇到另一个错误（节点：4232）弃用警告：Tapable.plugin已弃用。改为在
.hooks
上使用新API