按目标选择
| 目标 | 从这里开始 |
|---|---|
| 更强的类型，更安全的重构 | TypeScript |
| 生态丰富、组件繁多的 UI | React |
| 更小的、类 React 运行时 | Preact |
| Vue 单文件组件工作流 | Vue.js |
| 现代模块语法 | ECMAScript 模块 |
| 默认作用域隔离的样式 | CSS 模块 |
| Sass 或 Less 样式工作流 | Sass、Less |
| 关于浏览器安全使用 Node 的兼容性选择 | 浏览器扩展中的 Node API |
| 重度依赖性能的 Wasm 工作负载 | WebAssembly |
建议的推进顺序
- 选择语言/运行时（
TypeScript、React、Vue或Preact）。 - 选择样式方案（
CSS modules、Sass或Less）。 - 仅在需要时再加入构建/运行时约束（
Node APIs、WebAssembly）。