为什么扁平化 ES 模块 (FESM) 比非扁平化 ES 模块 (ESM) 性能更高？

Question

根据Angular Package Format 文档，Angular 包作为两种 ES 模块进行分发：

• 扁平化 ES 模块 (FESM)，其中导入语句被删除，导入的代码被内联。
• 未扁平化的 ES 模块 (ESM)，其中导入语句保持不变。

package.json 的module值指向 FESM 版本。文件中说的原因是：

从 webpack v4 开始，ES 模块优化的扁平化对于 webpack 用户来说不是必需的，事实上，理论上我们应该能够在不扁平化 webpack 中的模块的情况下获得更好的代码分割，但在实践中，我们在使用未扁平化时仍然会看到大小回归模块作为 webpack v4 的输入。这就是为什么“module”和“es2015”package.json 条目仍然指向 fesm 文件。我们正在调查此问题，并希望在解决大小回归问题后将“module”和“es2015”package.json 入口点切换为未扁平化的文件。

为什么未扁平化的模块会出现尺寸回归，而扁平化的模块却不会？