如何为Angular项目外的TypeScript文件创建Node监听运行场景？

嘿，这个需求我之前做脚本工具的时候刚好碰到过，其实不用复杂配置，用几个工具就能轻松实现类似ng serve的监听效果，全程在内存里编译运行，不会生成多余的JS文件。给你两个最实用的方案：

方案一：ts-node + nodemon（经典组合） #

ts-node能让Node直接执行TypeScript文件（内存编译，不落地），nodemon负责监听文件变化并自动重启进程，两者搭配完美解决需求：

1. 安装依赖：
   在项目根目录执行命令：

   npm install -D ts-node nodemon typescript
   

   （如果项目已经安装过typescript可以跳过）

2. 配置运行脚本：
   打开package.json，在scripts里新增一行：

   "scripts": {
     // 保留项目原有脚本...
     "watch:myscript": "nodemon --exec ts-node ./myscript.ts"
   }
   

   或者更灵活一点，新建nodemon.json配置文件，指定监听范围和执行规则：

   {
     "watch": ["myscript.ts"], // 可以扩展成监听整个脚本目录，比如["src/scripts/"]
     "exec": "ts-node ./myscript.ts",
     "ext": "ts" // 只监听TypeScript文件的变化
   }
   

3. 启动监听：
   执行npm run watch:myscript，之后修改myscript.ts并保存，nodemon会自动重启ts-node重新运行你的脚本，全程看不到生成的JS文件。

方案二：tsx（更轻量的现代选择） #

tsx是一个更简洁的工具，内置了TypeScript编译和监听功能，不用额外安装nodemon，步骤更简单：

1. 安装依赖：

   npm install -D tsx
   

2. 直接启动监听：
   执行命令：

   tsx watch ./myscript.ts
   

   搞定！tsx会自动监听文件变化，一旦修改就重新编译运行，同样是内存级处理，不会生成物理JS文件。

补充说明 #

• 这两个工具都会自动读取项目根目录的tsconfig.json，所以如果你的myscript.ts需要特定的TypeScript编译选项，直接在tsconfig.json里配置就行。
• Angular的ng serve之所以不用生成JS文件，本质也是用构建工具在内存中完成编译打包，这两个方案的原理类似，都是把编译过程放在内存里，避免生成冗余文件。

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