Angular CLI 20.0.0-next.1 版本技术解析

Angular CLI 是 Angular 官方提供的命令行工具，用于快速创建、开发、构建和维护 Angular 应用程序。作为 Angular 生态系统的核心工具之一，它极大地简化了开发者的工作流程。本次发布的 20.0.0-next.1 版本是 Angular CLI 20.0.0 的第一个预发布版本，带来了一些值得关注的变化和改进。

主要更新内容

1. 模板文件扩展名变更

在组件生成方面，Angular CLI 现在会为组件模板生成 .ng.html 文件扩展名，而不是传统的 .html。这一变化有助于更好地识别 Angular 特定的模板文件，特别是在混合使用多种前端框架的项目中，可以避免与其他框架的模板文件混淆。

2. TypeScript 版本支持调整

Angular CLI 20.0.0-next.1 版本不再支持 TypeScript 5.8 以下的版本。这一变化意味着开发者需要确保项目中使用的是 TypeScript 5.8 或更高版本才能兼容新版本的 CLI。对于仍在维护的老项目，升级 TypeScript 版本可能是一个必要的步骤。

3. 构建系统优化

构建系统方面有几个重要的改进：

• 预绑定优化：现在会正确排除库的所有入口点，避免不必要的预绑定操作，这有助于减少构建时间和资源消耗。
• PostCSS 错误处理：改进了对 PostCSS 编译错误的处理，使其更加优雅，不会因为单个样式文件的编译问题而中断整个构建过程。
• 重复警告消除：移除了重复的预绑定警告信息，使构建输出更加清晰。

4. Chrome 开发者工具集成

新版本增强了与 Chrome 开发者工具的集成，支持自动工作区文件夹功能。这一改进使得在 Chrome DevTools 中调试 Angular 应用更加方便，特别是在处理源映射和直接编辑源代码时。

5. 服务器端渲染(SSR)改进

在服务器端渲染方面，修复了一个可能导致流过早排空的问题。现在当 write 方法不返回布尔值时，系统会防止流被错误地排空，这有助于提高 SSR 的稳定性和可靠性。

6. 国际化提取功能修复

修复了 extract-i18n 命令在某些情况下不遵守配置的问题，确保国际化字符串的提取过程更加可靠和一致。

升级建议

对于计划升级到 Angular CLI 20.0.0 的开发者，建议：

1. 首先检查项目中使用的 TypeScript 版本，确保至少为 5.8 或更高。
2. 测试新版本中组件模板的 .ng.html 扩展名是否与现有开发工具链兼容。
3. 评估 Chrome 开发者工具的新集成功能是否能提升团队的开发体验。
4. 如果项目使用服务器端渲染，验证流处理相关的改进是否解决了之前遇到的任何问题。

这个预发布版本为 Angular CLI 20.0.0 的正式发布奠定了基础，展示了 Angular 团队在开发者体验和工具链稳定性方面的持续投入。开发者可以通过测试这个预发布版本，为即将到来的正式版本升级做好准备。