Angular构建时是否会将注释的代码或组件纳入打包范围？

结论先行：Angular 生产构建不会将 app.module.ts 中被注释的 import 语句对应的组件纳入打包范围，无需特意删除这些注释项来优化加载性能。

底层逻辑说明 #

• Angular 构建流程的编译阶段只会识别有效代码，注释内容不会被解析器识别为合法导入声明，完全不会进入依赖收集范围。
• 就算是未被注释的导入语句，只要对应的组件没有被实际使用（也就是没有出现在 NgModule 的 declarations、providers、exports 等字段，也没有在其他业务代码中被实例化/引用），Angular 生产模式默认开启的 Tree Shaking 机制也会自动把这部分未使用代码从最终构建包中剔除，不会额外占用包体积。

针对备用组件的优化建议 #

如果你希望后续快速复用这些组件，又担心影响包体积，可以参考以下方案：

• 将暂不使用的组件统一归档到独立的备用模块中，不需要在根模块引入，等需要使用时再按需导入即可。
• 每次生产构建后可以用 webpack-bundle-analyzer 工具扫描构建产物，确认包内资源是否符合预期，排查异常引入的冗余代码。

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