從零開始實現一個簡單的rest風格服務器 (3) —— 自動編譯

從零開始實現一個簡單的rest風格服務器 (1) —— typescript 開發環境配置
從零開始實現一個簡單的rest風格服務器 (2) —— 集成 koa

前面我們搭建了一個 web 服務器，細心的讀者有沒有發現當我們改動 server.ts 的內容後，程序並不會自動編譯。每次查看改動後的效果需要手動運行兩行命令

yarn run build / npm run build
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 就能完成自動監聽文件，自動編譯了， 我們改動內容後，只需要耐心等待編譯完成然後刷新就能看到最新的內容了，是不是很酷。