如何在 PM2 中启用 Hot Reload（热重载）-JavaScript中文网-JavaScript教程资源分享门户

热重载是一种常用于前端开发的技术，它可以监听文件的变化，实现在不刷新页面的情况下实时更新内容。在前端开发中，热重载可以极大地提高开发效率。本文将介绍如何在 PM2 中启用 Hot Reload。

什么是 PM2

PM2 是一个进程管理工具，它可以在后台运行 Node.js 应用，并且可以方便地进行进程管理，包括但不限于服务重启、重载、监控等。PM2 具有简单易懂、易于使用的特点，非常适合用于生产环境。

如何在 PM2 中启用 Hot Reload

安装 PM2

首先，需要安装 PM2，可以使用下面的命令进行安装：

npm install pm2 -g

启动带有 `--watch` 参数的应用

在启动应用的时候，使用 --watch 参数即可实现对文件的监听，例如：

pm2 start app.js --watch

上述命令表示启动 app.js 文件并进行监听。

修改代码

接下来，可以在本地修改代码，例如修改 app.js 文件。

const http = require('http');

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen(8080);

console.log('Server running at http://localhost:8080/');

将上述代码中的 Hello World 修改为 Hello PM2。

实时更新

PM2 会监听文件的变化，当文件发生变化时，它会自动更新应用程序。因此，可以在浏览器中访问 http://localhost:8080/，可以发现页面上显示的是 Hello PM2，说明热重载成功。

示例代码

// javascriptcn.com 代码示例
// app.js
const http = require('http');

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello PM2\n');
}).listen(8080);

console.log('Server running at http://localhost:8080/');

总结

本文介绍了如何在 PM2 中启用热重载，包括安装 PM2、启动应用以及实现热重载的方法。通过热重载，可以大大提高前端开发的效率，减少反复刷新页面的时间，让开发人员更加专注于编写代码。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/653f1e8f7d4982a6eb8a4cd0

如何在 PM2 中启用 Hot Reload（热重载）