前言
budo 是一个基于 Browserify 的开发服务器,它的特点在于能够实时编译和重载 JavaScript、CSS、HTML 等前端资源。然而,在一些特殊的情况下,budo 容易出现监听不到文件变化的问题,这就需要使用一些修改版的 budo 包来解决这个问题。budo-marcuswestin-fix 就是其中之一。
安装
budo-marcuswestin-fix 是一个 npm 包,如果你已经通过 npm 安装了 budo,那就可以直接安装 budo-marcuswestin-fix。
npm install -g budo-marcuswestin-fix
使用
命令行使用
budo-marcuswestin-fix 和 budo 的使用方法基本一致,只是在启动时多加一些参数。以下是它的命令行选项:
--host
主机名,默认为localhost
--port
端口,默认为9966
--live
启用实时重载,默认为true
--open
自动在浏览器中打开启动页面,默认为false
--verbose
输出更详细的信息,默认为false
--watch
监听文件变化的路径列表,默认为[]
--dir
静态文件根目录,启用后自动启用静态文件服务器,默认为undefined
--static
静态文件服务器 URL 前缀,默认为/
--pushstate
使用 HTML5 的 pushstate 来启用单页应用,需要在--dir
开启时才能使用,默认为false
--logger
自定义日志输出函数,接受参数(stream, level, args)
其中,--watch
是 budo-marcuswestin-fix 新增的参数,用于指定哪些路径下的文件需要监听变化。由于 budo-marcuswestin-fix 是否监听文件变化的逻辑与原版 budo 不同,所以这个参数是必须的。
以下示例启动一个监听 8000 端口的 budo-marcuswestin-fix,并将 demo 和 lib 目录加入监听。
budo-marcuswestin-fix index.js --port 8000 --watch demo/ lib/
Node.js API 使用
budo-marcuswestin-fix 的 Node.js API 与原版 budo 几乎一致。以下是它的基本用法:
-- -------------------- ---- ------- ----- ---- - -------------------------------- ----------------- --------- --------- ------------ --------- ------ - ------- --------------- -- ----- ----- ----- -- ----------- ------ --------- -------- -- ------- ---- ---------- -- ------- ---------------- -- -- - ------------------------- --------------- ----- -- - ----------------------- --------------- --
使用 API 能够更加灵活地控制 budo-marcuswestin-fix 的行为,诸如自定义插件、更改监听的端口等。更多 API 详细介绍可以参考 budo 的文档。
结语
budo-marcuswestin-fix 是一款在 budo 基础上进行了一些改进的开发服务器。如果你在使用 budo 时遇到了监听文件变化不及时的问题,可以尝试使用 budo-marcuswestin-fix。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c8dccdc64669dde559c