在前端开发领域中，实时刷新网页是一个很重要的功能，可以提高开发效率。browser-refresh 是一款用于实现浏览器自动刷新的 npm 包，其使用方法如下。
安装和启动
首先，在项目根目录下执行以下命令安装 browser-refresh：
npm install -g browser-refresh
安装完成后，进入到需要实现自动刷新的 HTML 页面所在目录下，并运行以下命令启动 browser-refresh：
browser-refresh index.html
其中 index.html 为需要实现自动刷新的 HTML 页面名称。执行该命令后，会在控制台输出如下信息：
Browser Refresh Server Started: http://localhost:9988/ Watching directory /path/to/html-files Press ENTER to exit.
此时，可以在浏览器中打开 http://localhost:9988/，并进行开发工作。如果修改了 HTML、CSS 或 JavaScript 文件，则浏览器会自动刷新并显示最新结果。
高级用法
除了基本的启动命令外，browser-refresh 还支持一些高级用法，如下所述。
监听多个文件
如果需要同时监听多个文件，可以将它们的名称以空格分隔，放在启动命令的最后面，如下所示：
browser-refresh index.html script.js style.css
这样，当 index.html、script.js 或 style.css 中的任何一个文件被修改时，浏览器都会自动刷新。
自定义端口和路径
默认情况下，browser-refresh 会监听本地的 9988 端口，并自动打开浏览器。如果需要使用其他端口或自定义路径，则可以在启动命令中使用以下选项：
-p, --port <n> Port to listen on (default: 9988) -d, --dir <path> Root directory to serve files from -o, --open Open browser automatically
例如，要将端口改为 8000，根目录改为 public，则可以执行以下命令：
browser-refresh -p 8000 -d public index.html
配置文件
如果需要更复杂的配置选项，可以创建一个名为 .browser-refresh-ignore 的配置文件，放在项目根目录下。该文件是一个 JSON 对象，支持以下选项：
dirs: 要忽略的目录列表。files: 要忽略的文件列表。exts: 要忽略的扩展名列表。poll_interval: 文件轮询间隔时间（毫秒）。delay: 刷新延迟时间（毫秒）。min_delay: 最小延迟时间（毫秒）。
例如，将所有以 .txt 结尾的文件排除在刷新范围之外，可以在 .browser-refresh-ignore 文件中添加以下内容：
{
"exts": [".txt"]
}示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------------- ----------
-------
------
---------- -----------
------- -------------------------
-------
-------// script.js
console.log('Hello, World!');以上就是关于 npm 包 browser-refresh 的详细使用教程，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/44798