介绍
在前端开发过程中，我们经常需要修改代码并查看实时效果，而不必手动刷新浏览器。@m59/reload-server 就是为了解决这个问题而诞生的。
@m59/reload-server 是一款基于 Node.js 的工具包，它能够帮助我们在修改代码后自动刷新浏览器，大大提高了我们的开发效率。
安装
在使用 @m59/reload-server 之前，我们需要先安装它。我们可以使用 npm 命令来安装这个包。
--- ------- ---------- ------------------
这个命令会将 @m59/reload-server 安装到我们的项目中，并添加到 package.json 的 devDependencies 中。
使用
使用 @m59/reload-server 是非常简单的。我们只需要在命令行中输入以下命令即可启动它。
--- ------------- ----- -- -------- ------------
这个命令会启动 @m59/reload-server 并监听我们的项目根目录下的所有文件。当我们修改了任意文件时，它会自动刷新浏览器。
我们还可以指定一些选项来满足不同的需求。
--dir
我们可以使用 --dir 选项来指定监听的目录。例如，如果我们只想监听我们的 src 目录，可以这样做。
--- ------------- ----- ----- -------- ------------
--port
我们可以使用 --port 选项来指定监听的端口。默认情况下，@m59/reload-server 会监听 8080 端口。例如，如果我们想要监听 3000 端口，可以这样做。
--- ------------- ----- -- -------- ------------ ------ ----
--ignore
我们可以使用 --ignore 选项来指定我们不想被监听的文件或文件夹的正则表达式。例如，如果我们想要忽略我们的 node_modules 目录，可以这样做。
--- ------------- ----- -- -------- ------------
--delay
我们可以使用 --delay 选项来指定刷新浏览器的延迟时间，以避免频繁刷新。例如，如果我们想要将延迟时间设置为 1000 毫秒，可以这样做。
--- ------------- ----- -- -------- ------------ ------- ----
--open
我们可以使用 --open 选项来在启动服务器时自动打开浏览器。例如，如果我们想要在启动服务器时自动打开 Chrome 浏览器，可以这样做。
--- ------------- ----- -- -------- ------------ ------ ------
同时支持的浏览器有：
- chrome：Google Chrome 浏览器
- firefox：Mozilla Firefox 浏览器
- edge：Microsoft Edge 浏览器
示例代码
以下是一个示例代码，它监听项目的根目录，排除了 node_modules 目录，并在修改代码后自动刷新浏览器。
--- ------------- ----- -- -------- ------------
总结
@m59/reload-server 是一款非常方便的工具包，它能够帮助我们实时预览我们的项目，大大提高了我们的开发效率。通过本文的学习，我们了解了如何安装和使用这个工具包，并介绍了一些常用的选项。希望本文能够帮助你更好地使用 @m59/reload-server。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066bc8967216659e2445c0