在 webpack 中查询

Question

我正在尝试创建一个库（使用 typescript 和 webpack）。该库旨在供不同的 angular 应用程序使用。

每个应用程序可能不会使用相同的功能集，因此使用 webpack 的 entry 将库分成多个（针对每个功能）。现在，库被拆分为（比如）main.js、func1.js、func2.js 等。这里，main.js 是应用程序必须使用的最小库以及一个或更多所需的功能库（消费组合基于应用程序）。我实现了预期的拆分，但是公共模块在每个块中都是重复的，导致应用程序大小增加。

为了避免重复，我使用了webpack的optimization.splitChunks，如下

optimization {
    splitChunks: {
        common: {
            name: 'common',
            chunks: 'initial',
            minChunks: 2
        }
    }
}

该选项避免了重复并创建了一个名为 common.js 的新文件，其中包含所有常用模块。

现在，我需要将 common.js 与 main.js（我们的第一个块，必须使用的块）合并，而不是将其作为一个单独的文件。这是可以实现的吗？如果是这样，如何？

Answer 1

我再次执行 webpack 合并 common.js 和 main.js，结果 main.js 使用配置如下，

entry: {
    'main': ['common.js', 'main.js']
  }

这样我就达到了我的要求。如有其他意见，请post.

在 webpack 中查询

Query in webpack

typescript

webpack

webpack-splitchunks