【决战Koa之巅-2】简单两步让你的 Node 应用实时刷新!

书接上回【决战Koa之巅-1】花三分钟搭建一个简单的 Koa 服务,我们搭建了一个基础的KOA应用后,修改代码后想预览,就需要重启项目,这显然不符合我们新时代高效开发者的意,那我们就来改造它,让它如React或Vue那般实时热加载,纵享丝滑!

生命是有限的,不要把时间浪费在重启项目上! ---鲁迅没说,冯一朔如是说

一、nodemon

官网:https://nodemon.io/

image.png

可以看到,官网写着它将监控你的代码并自动重启项目。

二、集成
npm install -g nodemon
三、测试
nodemon app

image.png

四、配置 package 快速运行脚本及忽略文件
1. 快速运行脚本

image.png

// 使用此命令运行即可
npm run dev
2. 文件配置

这里指的忽略文件是 nodemon 监听的忽略文件,切莫和 git 忽略文件搞混!

{
  "watch": ["src"],
  "ext": "ts",
  "env": {
    "NODE_ENV": "development"
  },
  "ignore": [
    ".git",
    "node_modules/**/node_modules"
  ],
}

说明如下:

参数名作用
ignore忽略的文件或者文件夹
watch监听的目录或者文件
ext监听的文件扩展名
env环境变量设置
watch监听的目录或者文件

访问如下链接查看更多配置

五、本期 Demo 源码地址

GitHub

六、参考
  1. Nodemon 官网
  2. Nodemon bug 讨论区
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值