node使用nodemon来监听文件变化


字数:451 阅读时长:2分钟 阅读:85

Nodemon 是一款非常实用的工具,用来监控你 node.js 源代码的任何变化和自动重启你的服务器。nodemon 就像是vue里面的开启热加载功能一样,开发者只要放心开发,不用修改一点就需要重新启动项目。

Nodemon

安装

1
2
3
4
5
# 全局安装
npm install -g nodemon
# or
# 项目局部安装
npm install -D nodemon

简单监听文件变化

  • 使用 --watch 参数,在 package.json 中配置scripts脚本使用。
  • 当然也可以同时监听多个文件,如 dev:test 命令。
  • 以vue项目为例,监听vue.config.js文件的变化。当运行 npm run dev 命令后, vue.config.js配置改变会自动重启服务。
1
2
3
4
5
"scripts": {
"start": "npm run serve",
"dev": "nodemon --watch vue.config.js --exec \"npm start\"",
"dev:test": "nodemon --watch vue.config.js --watch babel.config.js --exec \"npm start\"",
}

项目配置化监听

  • 由于 nodemon 监听的文件范围是整个node项目可能有点广,所以通过配置文件监听我们需要的。
  • 项目根目录下新建 nodemon.json 文件,配置如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"sourceMap": true
},
"restartable": "rs",
"verbose": true,
"execMap": {
"js": "node --harmony"
},
"events": {
},
"delay": 1000,
"exclude": [
"node_modules"
],
"watch": [
"./",
"src"
],
"ext": "js,ts",
"env": {
"NODE_ENV": "development"
},
"ignore": [
"package.json",
"nodemon.json",
"public/*",
"node_modules/*",
".git"
]
}

package.jsonscripts脚本配置

1
2
3
4
"scripts": {
"start": "nodemon -e ts,js --exec \\\"npm run serve\\\"",
"serve": "node index"
},

效果:

Nodemon

  • 参考文档:
  1. https://www.npmjs.com/package/nodemon

欢迎访问:个人博客地址

本文作者: Tiven
发布时间: 2021-08-17
最后更新: 2023-03-02
本文标题: node使用nodemon来监听文件变化
本文链接: https://www.tiven.cn/p/1f405e26/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
欢迎留言,提问 ^_^