在前端开发中，我们经常需要在本地开启一个 web 服务器，用于调试和预览我们的项目。而 serve-brunch 就是一款可以帮助我们快速搭建本地 web 服务器的 npm 包。本文将为大家介绍 serve-brunch 的使用方法。
serve-brunch 是什么
serve-brunch 是一款基于 brunch 的开发服务器。它可以方便地将你当前的工作目录当做服务器根目录，自动监听文件变化并实现自动刷新。同时，它也可以很方便地配置 HTTPS 和 URL 的重定向等功能。
安装
通过 npm 安装 serve-brunch：
npm i serve-brunch
安装完成后，通过以下命令来启动 serve-brunch：
npx serve-brunch
执行该命令后，serve-brunch 会默认将你的当前目录作为根目录，并监听 3333 端口。
另外，你可以使用以下命令来启动 serve-brunch：
npx serve-brunch -d mydir -p 8080
其中，-d 参数指定根目录，-p 参数指定监听的端口。
高级配置
serve-brunch 配置文件为 brunch-config.js，举一个简单的例子：
-- -------------------- ---- -------
-- ----------------
-------------- - -
------ -
------------ -
------- -
---------------- -------
------------------- ----------
-
-
--
-------- -
------ -
-------- --------------------- ----------------------
-
--
------- -
--------- ----------
----- -----
------ -----
-
--其中，files 部分用于指定 brunch 编译的文件，plugins 部分用于指定 brunch 使用的插件，server 部分用于指定服务器配置。
更多配置详见 官方文档。
结语
通过本文，我们了解了如何使用 serve-brunch 搭建本地开发服务器。同时，我们还学习了如何进行高级配置。相信通过这篇文章，你已经掌握了如何使用 serve-brunch 来提升你的前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/78169