AnalogJS 2.0：基于 Angular 的全栈框架，引入了内容管理和更精简的构建

AnalogJS是一个由Angular驱动的全栈元框架，它结合了Vite和Nitro。最近，它正式发布了 2.0 版本，带来了内容管理、构建效率提升和无缝开发工具等强大的新功能。此次更新标志着 Analog 演进的重要一步，增强了其对内容丰富的网站和大型 Angular 应用程序的吸引力。

在 2.0 版本中，其中有一个新特性就是内容资源，使开发者能够将内容（如 Markdown 文件）视为一等资源。借助 Angular 的实验性 Resource API，内容文件和内容列表可以使用contentFilesResource API 作为组件内的响应式资源。

在构建方面，AnalogJS 2.0 引入了安装和捆绑包（bundle）大小的优化。安装占用的空间更小，Angular 构建器作为纯 ESM 进行分发，一些依赖项被替换为更轻的替代方案（例如，tinyglobby替换了fast-glob）。作者报告说，在典型的全栈项目中，生产捆绑包减少了 100kb。没有 webpack 依赖项的安装占用空间会更小，可以使用 Vite CLI 来服务和构建项目。

工具支持也得到了升级。Analog 现在支持 Angular v17 到 v20、Vite 6 和 7、Vitest 3 和 4、Storybook 10 以及 Nx 22。该框架保留了其基于文件的路由模型，混合了 SSR/SSG 的能力（带有站点地图和 RSS 生成），并通过 Nitro 支持原生的 API 路由。

对于从早期版本或传统 Angular 应用升级的团队，AnalogJS 提供了一份文档齐全的迁移过程。官方指南建议安装@analogjs/platform，然后运行内置的 schematics 来迁移现有的 Angular CLI 或 Nx 项目：

npx ng generate @analogjs/platform:migrate --project [your-project-name]

npx nx generate @analogjs/platform:migrate --project [your-project-name]

迁移过程还包括对更新环境变量的使用（借助import.meta.env），重新组织全局样式/脚本，并确保与新的基于 Vite 的构建系统兼容。关于迁移的更多信息可以在指南中找到。

社区对发布公告的反应体现了对新版本的兴奋，一位 X 用户评论说“Angular 内容管理正在变得非常流畅”，强调了这次发布中新增的内容资源功能。在其他地方，一篇在夏天早些时候发表的 medium文章表示“Analog.js 可能是 2025 年 Angular 的秘密武器”。

Angular 是来自谷歌的一个强大、带有自己理念的前端框架，以其强大的 TypeScript 支持、依赖注入和结构化的基于组件的架构而闻名。AnalogJS 2.0 代表了现代 Web 框架理念（Vite、Nitro、基于文件的路由）与 Angular 强大的组件和类型系统的结合。通过将内容解锁为响应式资源并减少捆绑包的体量，它成为了一个非常有吸引力的博客、文档或混合站点的框架，所有这些都在 Angular 中构建，但没有传统大型 SSR 设置的复杂性。同时，它通过 Vitest 和 Nx 支持现代化测试和开发工作流程。

原文链接：

AnalogJS 2.0: Angular Full Stack Framework Introduces Content Resources & Leaner Builds