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