搭建 typescript + nodejs 开发环境

typescript 配置文件

tsconfig.json 的配置文件

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "outDir": "build",
    "baseUrl": ".",
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ],
}
复制代码

监听 typescript 文件的变化

根据 tsconfig.json 中的 outDir 可知，ts 文件编译的输出目录是 build。

"watch-ts": "tsc -w",
复制代码

监听 src 目录下的 ts 文件，当 src 目录下的 ts 文件发生变化时，重新编译，将编译结果输出到 build 目录下。

监听 javascript 文件的变化

监听 输出目录 build 下的 js 文件，当 js 文件发送改变时，重新执行。

"serve": "nodemon -w build/index.js",
复制代码

nodemon -w 是 nodemon --watch 的缩写。

启动脚本

  "scripts": {
    "start": "concurrently \"npm run watch\" \"npm run serve\"",
    "serve": "nodemon -w build/index.js",
    "watch": "npm run clean && tsc -w",
    "clean": "rimraf ./build",
  },
复制代码

参考代码

参考代码