Javascript 如何在将css绑定到js中时使webpack minimizer正常工作

我想弄清楚网页包。我想捆绑一个css和js文件，同时最小化它们。我正在使用

优化css资产网页包插件

，并使其与

迷你css提取插件

协同工作。但是，当使用

style loader

将

css

绑定到

js

时，

css

不再缩小。有没有人对我能做些什么来实现这一目标有什么想法

索引js文件：

import./styles.css'；
//一些js

网页包配置：

const path=require（'path'）；
const OptimizeCss=require（'optimize-css-assets-webpack-plugin'）；
const TerserPlugin=require（'terser-webpack-plugin'）；
常数束={
条目：'./src/index.js'，
输出：{
文件名：'[name].bundle.js'，
path:path.resolve（_dirname，./），
},
模块：{
规则：[
{
测试：/\.css$/i，
使用：[
“样式加载器”，
“css加载器”
],
},
],
},
优化：{
最小值：[
新的CSS（），
新的TerserPlugin（）
]
},
模式:"生产",，
手表：错
}
module.exports=bundle；

编辑：我使用的是网页版

4.39.3