如何用ts-node或同类工具运行JS/TS混合代码库的Web服务器？

针对你这种现有JS服务器、逐步迁移到TS的场景，我整理了几个实用的方案，既能让TS代码自动编译运行，又能忽略旧JS文件的不必要编译/监控：

方案1：ts-node + nodemon（最常用组合） #

ts-node负责编译TS文件，nodemon监控文件变化自动重启服务，通过配置可以精准控制只处理TS文件：

步骤1：调整tsconfig.json #

让TS配置只聚焦新增的TS代码，同时允许Node加载旧JS模块：

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "CommonJS",
    "outDir": "./dist",
    "allowJs": true, // 允许Node加载JS模块，确保旧代码能正常运行
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/ts/**/*"], // 仅包含新增的TS文件目录
  "exclude": ["src/js/**/*", "node_modules"] // 排除旧JS文件和依赖包
}

步骤2：配置nodemon #

创建nodemon.json指定监控范围和启动命令：

{
  "watch": ["src/ts"], // 只监控TS文件所在目录
  "ext": "ts", // 仅对.ts后缀文件的变化做出反应
  "exec": "ts-node src/server.js", // 入口还是旧的JS服务器文件
  "ignore": ["node_modules"]
}

步骤3：添加启动脚本 #

在package.json里配置快捷命令：

{
  "scripts": {
    "dev": "nodemon"
  }
}

运行npm run dev后，修改TS文件会自动重启服务，JS文件修改不会触发任何操作，完全符合你逐步迁移的需求。

方案2：用tsx替代ts-node（更轻量高效） #

tsx是现代TS运行器，默认支持混合JS/TS环境，启动速度比ts-node更快，不需要复杂配置：

安装依赖 #

npm install -D tsx nodemon

添加启动脚本 #

直接在package.json里配置：

{
  "scripts": {
    "dev": "nodemon --watch src/ts --ext ts --exec tsx src/server.js"
  }
}

tsx会自动编译并运行TS文件，旧JS文件直接由Node加载，nodemon只监控TS变化，适配迁移场景非常丝滑。

方案3：ts-node-dev（一站式工具） #

ts-node-dev整合了ts-node和nodemon的功能，自带热重启，通过参数即可忽略JS文件：

安装依赖 #

npm install -D ts-node-dev

添加启动脚本 #

{
  "scripts": {
    "dev": "ts-node-dev --ignore-watch 'src/js' src/server.js"
  }
}

--ignore-watch参数指定忽略旧JS文件目录，只有TS文件修改时才会重启服务，操作更简洁。

关键注意点 #

• 如果后续把入口文件迁移成TS（比如server.ts），直接替换启动命令里的入口路径即可，工具会自动处理。
• 务必保持allowJs: true开启，否则Node无法加载旧JS模块，会出现模块找不到的错误。

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