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

592 阅读1分钟

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

一、nodemon

官网: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监听的目录或者文件

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

Github 配置

五、本期 Demo 源码地址

GitHub

六、参考

1. Nodemon 官网

2. Nodemon bug 讨论区

下一篇:【决战Koa之巅-3】编写你的第一个Koa中间件