typescript - 在 webpack 中查询

Question

我正在尝试制作一个库（使用 typescript 和 webpack）。该库旨在供不同的角度应用程序使用。

每个应用程序可能不会使用相同的功能集，因此使用 webpack 的entry. 现在，该库被拆分为 (say) 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']
  }

通过这种方式，我达到了我的要求。如果还有其他意见，请发表。