手动搭建koa+ts项目框架(ts项目实现开发阶段实时查看)
2023-12-13 04:06:46
文章目录
前言
上篇文章记录了手动简单搭建 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/
可显示修改后的效果
如有启发,可点赞收藏哟~
文章来源:https://blog.csdn.net/weiCong_Ling/article/details/134922355
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!