npm 包 budo-marcuswestin-fix 使用教程

阅读时长 3 分钟读完

前言

budo 是一个基于 Browserify 的开发服务器,它的特点在于能够实时编译和重载 JavaScript、CSS、HTML 等前端资源。然而,在一些特殊的情况下,budo 容易出现监听不到文件变化的问题,这就需要使用一些修改版的 budo 包来解决这个问题。budo-marcuswestin-fix 就是其中之一。

安装

budo-marcuswestin-fix 是一个 npm 包,如果你已经通过 npm 安装了 budo,那就可以直接安装 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 目录加入监听。

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

纠错
反馈