如何刷新 Node.js 中的文件？

在开发过程中，经常需要不断地修改文件并查看结果，这时就需要及时刷新文件以便快速查看修改后的结果。本文将介绍在 Node.js 中如何刷新文件。

监听文件变化

在 Node.js 中，可以使用 fs.watch 方法监听文件变化。该方法接收两个参数：文件路径和一个选项对象，用于指定监听的方式。

const fs = require('fs');

fs.watch(path[, options][, listener])

其中，path 表示监听的文件路径；options 是一个选项对象，包含如下属性：

• recursive：表示是否递归监视子目录，默认为 false。
• persistent：表示是否持续监视，默认为 true。
• encoding：表示文件编码，默认为 'utf8'。
• signal：表示一个终止信号。

listener 是一个回调函数，当监听的文件发生变化时，该函数会被调用。回调函数包含两个参数：事件类型和文件名。

fs.watch('./file.txt', (eventType, filename) => {
  console.log(`${eventType} ${filename}`);
});

以上代码会监听当前目录下的 file.txt 文件，当该文件发生变化时，会向控制台输出事件类型和文件名。

刷新浏览器

当文件发生变化时，需要刷新浏览器以查看修改后的效果。为了实现自动刷新，可以使用浏览器插件或者借助第三方工具。

浏览器插件

常用的浏览器插件有 LiveReload 和 BrowserSync。这两个插件都支持自动刷新和CSS注入等功能。

• LiveReload: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
• BrowserSync: https://browsersync.io/

第三方工具

当浏览器插件无法满足需求时，可以使用第三方工具 nodemon 和 browser-sync。这两个工具可以在修改文件后自动重启Node.js应用程序和刷新浏览器。

• nodemon: 监视项目中的文件，并在文件更改后重启Node.js应用程序。https://nodemon.io/
• browser-sync: 启动一个静态服务器并实现浏览器自动刷新。https://browsersync.io/

实现自动刷新

在 Node.js 中通过 fs.watch 监听文件变化，当文件发生变化时，调用 browser-sync 的刷新方法，即可实现自动刷新。

const fs = require('fs');
const browserSync = require('browser-sync').create();

browserSync.init({
  server: './',
  files: '**/*',
  open: false
});

fs.watch('./file.txt', (eventType, filename) => {
  if (eventType === 'change') {
    browserSync.reload();
  }
});

以上代码会监听当前目录下的 file.txt 文件，当该文件发生变化时，会刷新浏览器。

结论

以上就是在 Node.js 中刷新文件的方法。你可以根据自己的需要选择浏览器插件或者第三方工具来实现自动刷新，提高开发效率。