如何为create-react-app生成的Typescript项目获取预加载应用的REPL？

以下几种方案可以实现预加载项目代码的TypeScript REPL，满足类似Rails Console的需求：

1. 直接用ts-node的--require参数预加载 #

用ts-node --require指定项目的入口文件，让ts-node在启动REPL前加载并执行你的应用代码：

ts-node --require ./src/index.ts

如果你的入口文件执行后会自动退出（比如启动了HTTP服务），可以在入口末尾添加判断逻辑避免退出：

// src/index.ts
// 你的应用初始化代码...

// 仅在REPL环境下保持进程存活
if (process.env.NODE_ENV === 'repl') {
  console.log('REPL ready, you can access app modules now');
}

然后带环境变量启动：

NODE_ENV=repl ts-node --require ./src/index.ts

2. 自定义REPL启动脚本 #

写一个专门的REPL启动文件，手动控制要加载的模块和全局变量，灵活性更高：

// src/repl.ts
import { createRepl } from 'ts-node';
// 导入你需要在REPL中使用的应用模块
import { db } from './db/connection';
import { User } from './models/User';

// 先执行应用初始化逻辑（比如连接数据库）
async function initRepl() {
  await db.connect();
  console.log('Database connected');

  // 创建REPL实例并注入全局变量
  const repl = createRepl();
  repl.context.db = db;
  repl.context.User = User;

  // 启动REPL，自定义提示符
  repl.start({ prompt: 'my-app> ' });
}

initRepl();

运行脚本进入REPL：

ts-node ./src/repl.ts

此时在REPL里可以直接调用User.find()、db.query()这类代码。

3. 用ts-node-dev实现热重载REPL #

如果需要修改代码后自动更新REPL状态，可以用ts-node-dev，它会在代码变更时重启REPL：

ts-node-dev --respawn --require ./src/index.ts

注意事项 #

• 确保tsconfig.json配置正确：若使用CommonJS模块，module设为CommonJS；若用ES模块，需在package.json中添加"type": "module"，并将tsconfig的module设为ESNext，启动命令换成ts-node-esm --require ./src/index.ts
• 如果项目中有环境变量依赖，确保启动REPL前已加载对应环境变量（比如用dotenv的话，在入口文件或REPL脚本里导入dotenv/config）

内容的提问来源于stack exchange，提问作者Tim Reistetter