将近三个小时的研究，我在这里寻求社区帮助。
我有一个具有以下 CSS 的项目：
每个页面都使用的那些（泛型）：
buttons.css、tables.css和forms.csslists.css仅由特定 HTML 页面使用的那个：
page-custom-buttons.css。
对于每个页面使用的那些，我想将它们捆绑并缩小到一个文件中。仅由特定页面使用的那个我只想缩小它们。
从我走过的许多指南、问题和文档中，我发现了以下内容：
- 现在
extract-text-webpack-plugin已弃用，mini-css-extract-plugin而是。 - 我们可以
mini-css-extract-plugin用来捆绑 CSS。 - 我们可以使用
optimize-css-assets-webpack-plugin它来优化它，但它需要安装另一个包来处理 js minifier（更多关于这里）
描述MiniCssExtractPlugin说
该插件将 CSS 提取到单独的文件中。它为每个包含 CSS 的 JS 文件创建一个 CSS 文件。它支持 CSS 和 SourceMaps 的按需加载。
从我对定义和示例的了解来看，这不应该用作捆绑器，而是提供从 JS 代码导入 CSS 的功能，就像我们在 react( import './styles.css') 中所做的那样。
真正的问题是，webpack 不适合这类问题吗？我应该使用其他软件吗？MiniCssExtractPlugin 真正做什么以及css-loader. 如何捆绑 myfiles 并正确缩小它们？
我发现了一个类似的未回答的问题： https ://dev.to/shaijut/how-to-bundle-mutiple-js-and-css-files-into-single-bundle-2a70
感谢您可能会回复此答案的人。你知道的任何有用的东西！