Aurelia
Aurelia — 下一代客户端框架,约定优于配置。
前端复杂
技术栈组成
FrameworkAurelia 2
LanguageTypeScript
为什么
基于约定的绑定,无需学习框架 API,符合标准且可扩展。JavaScript is used by 62% of developers per the Stack Overflow 2024 survey,React 占框架市场份额 40%(State of JS 2024)。
Vite 取代 Webpack 成为默认打包器,开发服务器启动从 30s 降至 <1s。
何时使用
用于需要依赖注入和约定架构的大型企业 SPA。避免小型组件。
如何做
1. npm create aurelia@latest
2. 用约定定义自定义元素
3. 配置 DI 容器
4. 构建并部署
示例
export class Greeter {
message = "你好";
}
// Aurelia — 使用示例
import { Aurelia } from "fe2-aurelia";
const result = await aurelia({ input: "data" });
console.log(result);
常见问题
- ⚠约定错误难以调试 — 启用 aurelia.debug
- ⚠小型应用包体积大 — 用动态导入
- ⚠环境间配置漂移 — 使用基础设施即代码(Terraform/Pulumi)保持 dev/staging/prod 一致
最佳实践
- ✓用依赖注入提升可测试性
- ✓利用约定减少样板代码
- ✓设置健康检查和优雅关闭 — 处理 SIGTERM 以在退出前排空进行中的请求
常见问题解答
什么是Aurelia?适合做什么项目?
Aurelia — 下一代客户端框架,约定优于配置。 它通过分层组合提供端到端类型安全与开箱即用的部署体验,适合从 MVP 到生产 SaaS 的快速迭代。
如何用Aurelia在 10 分钟内跑通一个 demo?
两步起步:① npm create aurelia@latest;② 用约定定义自定义元素。先跑通本地 dev server,再接一个真实数据源验证端到端链路。
Aurelia 最常见的坑是什么?怎么避免?
最高频的坑是:约定错误难以调试 — 启用 aurelia.debug。避免方法:在 PR 模板里加入对应 checklist,CI 中跑类型检查 + lint + 单测,三重把关再合并。
Aurelia 的最佳实践有哪些?
Aurelia 的最佳实践包括:用依赖注入提升可测试性;利用约定减少样板代码;设置健康检查和优雅关闭 — 处理 SIGTERM 以在退出前排空进行中的请求。其中首条「用依赖注入提升可测试性」应在项目初始化时就落地,避免后期返工。
什么情况下不该选Aurelia?
三种情况另选他栈:① 团队对该栈核心框架零经验且工期紧张(学习曲线风险);② 项目是纯内容/营销站(选 Astro 更轻);③ 需要极高吞吐(>1 万 RPS)或强一致微服务(选 Go/Rust)。Aurelia 的强项是中高复杂度全栈与 API,别在简单静态页上过度工程。