本地安装的TSC如何不借助VS Code快捷键执行两项编译任务

1. 配置package.json脚本 #

在项目根目录的package.json文件中新增scripts字段配置如下：

{
  "name": "your-project",
  "scripts": {
    // 单次构建任务，使用tsconfig.build.json配置
    "tsc:build": "tsc -p tsconfig.build.json",
    // 监听自动构建任务，可自行替换为对应的tsconfig配置文件
    "tsc:watch": "tsc -p tsconfig.json --watch"
  }
}

参数说明：

• -p/--project：指定要使用的TypeScript配置文件路径，缺省默认读取当前目录的tsconfig.json
• --watch/-w：开启文件监听模式，代码变更后自动触发重新编译

2. 执行任务 #

npm会自动识别本地安装的依赖的二进制命令路径，直接运行对应npm脚本即可：

• 执行单次构建：npm run tsc:build
• 执行监听构建：npm run tsc:watch

之前命令失效的原因 #

• tsc不存在build、watch子命令，二者属于启动参数，不能直接作为子指令跟在tsc后
• 指定配置文件必须使用-p参数传递，不能直接在命令后写配置文件名
• npx tsc: build - tsconfig.build.json属于语法错误，无对应执行规则

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