如何低调地在 React 项目中引入 TSRX

由于对 React 环境感到厌倦，越来越多向往 TypeScript Render Extensions (TSRX) 的开发者开始跃跃欲试。虽然 TSRX 因语法简洁、控制流直观而名声在外，但真要在生产环境落地，难免让人捏一把汗。因为一旦现有的 Vite 或 Webpack 构建系统崩溃，光是修复就要熬个通宵，而且也缺乏量化依据来 convincing 团队成员同意引入。

本文整理了具体的实战配置方法，帮助你构建一个可运行的试点环境并实现安全迁移。

在现有构建工具中集成 TSRX 编译器

我们需要在基于 Vite 的 React 项目中挂载 @tsrx/vite-plugin，以此修改构建流水线，使编译器能够识别 .tsrx 后缀。

Vite 环境配置

首先，在项目根目录下安装所需的包。

http://googleusercontent.com/immersive_entry_chip/0