Node.js 如何实现自动文件重新加载，告别手动重启？

javascript

2024-03-28 22:32:57

Node.js 中的自动文件重新加载：告别手动重启

引言

在 Node.js 中开发时，你是否厌倦了每次更改文件时都不得不手动重启服务器？不用担心，有一个方便的解决方案可以让你告别这种烦恼，实现自动重新加载文件。

问题：Node.js 的 require() 函数

默认情况下，Node.js 的 require() 函数不会重新加载已加载的文件。这意味着，如果你对已加载的文件进行更改，则必须手动重启服务器才能看到这些更改生效。

解决方案：监听文件更改

为了解决这个问题，我们需要一种方法来监听文件更改并相应地重新加载它们。Node.js 提供了 process.watchFile() 函数，它允许我们监视文件更改并执行回调函数。

实现自动重新加载

实现自动重新加载文件的过程涉及以下步骤：

监听文件更改： 使用 process.watchFile() 监听你要重新加载的文件的更改。
重新加载文件： 当文件更改时，使用 posix.cat() 读取文件内容，然后使用 process.compile() 重新编译文件。
更新 require 缓存： 通过删除相应的缓存项，从 require 缓存中移除旧的文件版本。
重新加载应用程序： 重新加载你的应用程序代码，以反映所做的更改。

示例代码

const fs = require('fs');
const path = require('path');
const chokidar = require('chokidar');

// 监听文件更改
const watcher = chokidar.watch('./app.js');

watcher.on('change', (filepath, stats) => {
  // 重新加载文件
  fs.readFile(filepath, 'utf8', (err, data) => {
    if (err) {
      console.error(err);
      return;
    }

    // 重新编译文件
    const compiled = compile(data, filepath);

    // 更新 require 缓存
    delete require.cache[require.resolve(filepath)];

    // 重新加载应用程序
    require(filepath);
  });
});