Angular组件生成时如何设为export default？该写法是否为不良实践？

核心结论 #

在Angular圈子里，用export default导出组件是不推荐的做法，主要和Angular的工具链、社区约定以及团队协作有关。

具体原因 #

• CLI工具链适配问题：ng g c默认生成命名导出的组件代码，Angular官方的构建、代码检查、Schematics等工具都是围绕这个规范设计的。用默认导出可能导致CLI部分功能失效，或者IDE智能提示、lint规则出现异常。
• 社区与团队一致性：Angular社区普遍遵循命名导出的约定，使用默认导出会打破代码风格的统一性，增加团队成员的理解和沟通成本。
• 打包优化稳定性：虽然Webpack这类现代打包工具对两种导出方式都能处理，但命名导出在Tree Shaking时的表现更稳定，Angular自身的优化机制对命名导出的支持也更成熟。

关于自定义生成模板 #

要是你坚持想用默认导出，需要自定义Angular Schematics来修改组件生成的模板，但真心不建议这么做。除非有特殊业务需求，否则遵循官方规范使用命名导出、带花括号导入会更省心：

import { HomeComponent } from "./home/home.component";

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