在前端开发中，我们经常需要使用到一些 Node.js 的依赖管理工具来辅助我们进行项目开发，其中一个非常常用的工具就是 npm。
而在使用 npm 进行依赖管理时，有很多优质的开源包可供我们使用，其中包括了一个非常好用的 npm 包：zerver。
zerver 是什么？
zerver 是一个基于 Express 的零配置开箱即用的开发服务器，它支持实时重新加载并支持 HTTPS。开发者可以在不需要繁琐的配置的情况下快速搭建起本地开发环境并且加快开发效率。
zerver 的特点
- 零配置，开箱即用
- 实时重新加载，修改文件后无需重新启动服务器
- 支持 HTTPS
- 内置了 Babel、PostCSS、Autoprefixer 等工具，可以简化我们的开发流程
- 支持预处理器如 Sass 和 Less
如何使用 zerver？
在项目中引入 zerver 主要 in order to 安装 zerver：
--- ------- ---------- ------
安装好之后，我们可以在项目中增加一个命令来启动 zerver：
-
---------- -
-------- --------
-
-这样，启动开发服务器只需要输入以下命令即可：
--- -----
注意，这时候需要确保你的项目中已经有了一个默认的入口文件，默认的文件扩展名为 .html。
如果我们想访问项目的某一个 HTML 页面，只需要使用以下的 URL 即可：
----------------------------------
另外，zerver 还提供了许多选项，以方便我们调整开发环境。比如，可以使用 --port 选项来更改端口：
------ ------ ----
当然，除了端口，还有更多的选项可以设置，这里就不一一列举了。如果想要了解更多，可以在命令行中输入以下命令查看所有选项：
------ ------
如何配置 zerver？
正如前面所述，zerver 是一款零配置的开发服务器，但是有时我们可能需要进行一些自定义配置。
首先，我们可以在项目根目录下增加一个 .zerverrc 文件，以对开发服务器进行配置：
- ------- ----- ------- ----- -------- ------------- --------- ---- -------- ------ --------- -- -
port：设置开发服务器的端口号，默认为8080。open：设置是否在启动开发服务器后自动打开网页，默认为false。entry：设置默认入口文件，默认为index.html。output：设置输出目录，默认为项目根目录（.）。https：设置是否支持 HTTPS，可以设置成true或者自定义证书路径。ignore：设置需要忽略的文件、文件类型或文件夹。
除了在 .zerverrc 文件中进行配置，我们还可以在 package.json 文件中增加一个名为 zerver 的对象来进行配置：
-
------- -------------
---------- -
-------- --------
--
--------- -
------- -----
-------- -------------
--------- -------
--------- -
---------------
-
-
-总结
通过这篇文章的介绍，我们了解了 zerver 这个非常优秀的 npm 包，并且学会了如何在项目中使用它。
如果您是一个前端开发者，并且还没有尝试过 zerver，那么我相信，这它一定会使你的开发体验更加顺畅，效率更高。
希望这篇文章能对你有所帮助，如果您有任何问题或建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/75105