Webpack 编译多个 JS 库时将 JS 留在缓存文件中

Question

我正在尝试配置 Webpack，以便它编译多个 JS 文件。 但是当我这样做时，大部分 JS 都留在缓存文件中，其内容不包含在我的文件中。

生成的文件：

js
-- theme--01.js (134kb)
-- theme--02.js (134kb)
-- theme--03.js (134kb)
-- theme--04.js (134kb)
-- themevendors-lib_common_scripts_global_libraries_js-lib_common_scripts_global_smoothscroll_min_js--8bace3.js (753kb)

当我生成一个文件时，它可以正常工作：

js
-- theme--01.js (879kb)

我的入口点是如何配置的：

entry: {
        "--01": path.resolve(process.cwd(), 'src', 'theme--01.ts'),
        "--02": path.resolve(process.cwd(), 'src', 'theme--02.ts'),
        "--03": path.resolve(process.cwd(), 'src', 'theme--03.ts'),
        "--04": path.resolve(process.cwd(), 'src', 'theme--04.ts'),
    },

这是我在 JSfiddle 上的完整 Webpack 配置，因为 StackOverflow 不允许我在这里粘贴整个内容： https ://jsfiddle.net/charlievaughan/rpeztbLj/

我需要从相同的代码库为不同的语言环境生成多个文件，并优化页面加载速度/灯塔分数。

使用 Webpack v5.62.1

Answer 1

我通过从我的 Webpack 配置中删除以下内容解决了这个问题：

splitChunks: {
  chunks: 'all'
}