Angular懒加载模块重复导入Material模块会导致打包重复吗？

核心结论 #

在生产构建模式下，不会出现重复打包。Angular基于Webpack的构建流程会自动对这些共享模块进行去重优化。

具体原因 #

• Angular CLI默认使用Webpack作为构建工具，Webpack的模块打包机制会识别出被多个懒加载模块重复导入的公共代码（比如Angular Material的各个子模块），将它们提取到单独的共享chunk中，避免重复打包。
• Tree-shaking机制会进一步剔除未被使用的代码，但这里的核心是Webpack的代码分割与共享chunk提取逻辑，确保相同模块只被打包一次。

工程化建议 #

虽然不会重复打包，但从项目可维护性角度，更推荐将常用的Material模块封装成一个共享Material模块（比如SharedMaterialModule），在这个模块中统一导入并导出需要的Material组件，再在各个功能模块中导入这个共享模块，减少重复代码。

内容的提问来源于stack exchange，提问作者Shank