从零开始学typescript— 自动编译

上一篇 从零开始学typescript构建一个rest风格web服务 我们搭建了一个 web 服务器，细心的读者有没有发现当我们改动 server.ts 的内容后，程序并不会自动编译。每次查看改动后的效果需要手动运行两行命令

.\node_modules\.bin\tsc
node ./dist/server.js
复制代码

是不是觉得有点小麻烦，这次我们就来解决这个痛点

首先安装 nodemon 用来替换 node 命令，nodemon 的好处是能够监听文件内容的改变并自动加载运行。

yarn add nodemon  --dev
复制代码

第一个问题，自动编译就解决了。第二个问题，如何把二行命令合并为一个命令呢，而二个命令还是有先后顺序的，ts 得先编译成 js 再运行，这个次序是不能乱的。这里我们借助 concurrently 来完成。

安装 concurrently

yarn add concurrently --dev
复制代码

然后在 package.json 文件中编写如下指令

"main": "./dist/server.js",
"scripts": {
    "server": "nodemon main",
    "dev": "tsc && concurrently \"npm run tsc\" \"npm run server\"",
    "build": "tsc",
    "tsc": "tsc -w"
}
复制代码

以后开发时直接运行 yarn run dev 就能完成自动监听文件，自动编译了， 我们改动内容后，只需要耐心等待编译完成然后刷新就能看到最新的内容了，是不是很酷。