Rollup多入口构建中的冗余导入问题解析

问题现象

在使用Rollup进行多入口打包时，开发者发现生成的入口文件中包含了预期之外的导入语句。具体表现为：在main.js入口文件中，除了显式导入的commonB模块外，还自动引入了其他入口文件(c.js)和外部依赖(react-tooltip)的导入语句。

技术背景

Rollup作为模块打包工具，默认会对代码进行静态分析和Tree-shaking优化。在多入口构建场景下，Rollup会采用一种称为"hoisting"的优化策略，目的是减少代码重复和提高运行效率。

核心机制

Rollup默认会将所有入口共享的依赖提升到入口文件中。这种设计基于以下考虑：

1. 避免重复加载相同的模块
2. 确保模块单例模式
3. 优化代码拆分后的运行时性能

解决方案

通过配置output.hoistTransitiveImports选项可以控制这一行为：

• 设置为false时，Rollup会保留原始的导入结构
• 设置为true时(默认值)，会执行提升优化

实际应用建议

对于需要严格控制入口文件内容的情况，建议：

1. 明确评估是否真的需要禁用hoisting优化
2. 考虑代码拆分对应用性能的影响
3. 在构建配置中显式设置hoistTransitiveImports选项

深入理解

这种设计反映了Rollup在代码拆分和模块优化方面的权衡。虽然表面上看是"冗余"导入，但实际上是为了确保：

• 模块的确定性加载顺序
• 跨chunk的共享状态一致性
• 避免重复代码导致的体积膨胀

开发者应根据具体应用场景和性能需求，合理配置这一选项，而不是简单地认为所有"冗余"导入都是需要消除的。