3、前端开发中Rails配置与TypeScript集成指南

前端开发中Rails配置与TypeScript集成指南

1. SPA路由与应用场景

在单页面应用（SPA）中，路由是在客户端进行的。客户端的路由表会拦截用户的点击操作，确定要显示哪些组件，并判断需要从服务器获取哪些数据来渲染这些组件。这种路由方式相对复杂，它将原本调用服务器的一个步骤拆分成了两个步骤：先进行内部导航，然后再向服务器发起请求。

SPA通常伴随着较高的复杂度成本，但在交互模式不同于典型的创建、读取、更新和删除（CRUD）操作的场景中，它可能会非常有效。随着时间的推移，单页面框架一直在努力降低复制浏览器功能的成本。

2. 为前端开发配置Rails

2.1 项目初始化命令

使用以下命令创建一个新的Rails项目：

bundle exec rails new . -a propshaft -j esbuild --database postgresql --skip-test --css tailwind

这个命令会创建一个标准的Rails应用，并进行以下覆盖设置：
- 使用PostgreSQL作为数据库，而非默认的SQLite。
- 跳过默认测试库的安装，后续会添加RSpec。
- 使用Propshaft作为资产处理程序，而非默认的Sprockets。
- 使用jsbundling - rails和esbuild进行JavaScript构建，而非默认的importmap - rails。
- 使用Tailwind CLI进行CSS打包，而非默认的无配置。