手动搭建koa+ts项目框架(ts项目实现开发阶段实时查看)

文章目录

  • 前言
  • 优化脚本
    • `如有启发,可点赞收藏哟~`


前言

上篇文章记录了手动简单搭建 koa+ts项目步骤
虽然可以直接编译后并开启服务,但如果修改./src内的文件,没法实时编译
以下介绍使用其他方法实现实时效果


优化脚本

咱使用以下依赖可实现边写边看实际效果(其中一个即可实现实时效果,都依赖typescript

  • ts-node-dev
  • nodemon

安装上述三个依赖

npm i -D typescript ts-node-dev nodemon
  • ts-node
    ts-node可以不用编译即可查看效果,但不是实时的

package.json具体脚本如下

{
 ...
  "scripts": {
    "start": "ts-node ./src/index.ts",
    "dev": "ts-node-dev --respawn ./src/index.ts",
    "dev-mon": "nodemon ./src/index.ts",
    "build": "rm -rf dist && tsc",
    "run": "tsc && node ./dist/index.js",
    ...
  },
  ...
}

执行dev或者dev-mon脚本,修改./src内的文件内容,查看http://localhost:3000/可显示修改后的效果


如有启发,可点赞收藏哟~

你可能感兴趣的:(koa开发项目,前端,node.js)