ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

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

手动搭建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/可显示修改后的效果


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

返回列表