npm 包 budo-marcuswestin-fix 使用教程

前言

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


猜你喜欢

  • npm 包 cakephp3-elixir 使用教程

    cakephp3-elixir 是一个基于 Laravel Elixir 封装的 CakePHP 3.x 版本的前端自动化构建工具。它可以帮助开发者自动化构建、编译和优化前端资源。

    4 年前
  • npm 包 cakephp-potion 使用教程

    cakephp-potion 是一个支持 CakePHP 应用程序的 npm 包,它可以帮助开发者更加便捷地管理应用程序中的各种文件。在本文中,我们将详细介绍如何使用 cakephp-potion 并...

    4 年前
  • npm 包 callbag-cartesian-product 使用教程

    什么是 callbag-cartesian-product callbag-cartesian-product 是一个 npm 包,它提供了一种简单且强大的方法来处理多个可观察对象(observabl...

    4 年前
  • npm 包 callbag-distinct-until-changed 使用教程

    一、前言 开发过程中,避免重复操作的需求是很常见的。当在 js 中使用 Observable 时,我们也会遇到这个问题。而 callbag-distinct-until-changed 便能很好地解决...

    4 年前
  • npm 包 callbag-filter-promise 使用教程

    在前端开发中,我们常常需要对数据进行一个过滤或筛选操作。而实现过滤或筛选操作的方法有很多种,其中一种就是使用 callbag-filter-promise 这个 npm 包。

    4 年前
  • npm 包 callbag-first 使用教程

    前言 在前端开发中,异步操作是不可避免的,而 RxJS 已经成为了处理异步操作的首选框架。然而,它的开销(被包含在库文件的大小)和其它因素会使开发者寻找其它轻量级的、简单易用的解决方案。

    4 年前
  • npm 包 callbag-drop-until 使用教程

    npm 包 callbag-drop-until 使用教程 前言 在前端开发中,我们经常需要对数据流进行处理。而 callbag-drop-until 就是一种在数据流中进行筛选的工具。

    4 年前
  • npm 包 callbag-flat-map-operator 使用教程

    前言 在前端开发中,我们经常会使用各类 npm 包来提高我们的开发效率。callbag-flat-map-operator 就是这样一款很实用的工具,可以帮助我们更加方便地进行数据转换和处理。

    4 年前
  • npm 包 cakes 使用教程

    在前端开发过程中,我们经常需要使用各种 npm 包来辅助我们的工作。其中一个很方便的 npm 包就是 cakes,在此介绍其使用教程。 什么是 cakes? cakes 是一个快速生成 HTML 和 ...

    4 年前
  • npm 包 cal-reactjs 使用教程

    随着前端开发的不断进步,我们通常会使用一些便捷的工具来提高代码的质量和效率。NPM 是一个非常流行的 Node.js 包管理器,可以使用它来安装管理数千个 JavaScript 库和工具。

    4 年前
  • npm 包 canalplus-video-downloader 使用教程

    在前端视频开发中,有时需要下载和保存网络视频。canalplus-video-downloader 是一个 npm 包,它能够下载 Canal+ 视频流。本文将介绍该包的使用方法,并提供示例代码。

    4 年前
  • npm 包 canals 使用教程

    在前端开发中,npm 是非常常用的包管理器。它提供了海量的开源工具、库和框架供前端开发者使用。其中,canals 是一个非常实用的 npm 包,它可以帮助开发者更轻松地进行跨页面通信。

    4 年前
  • npm 包 canbus 使用教程

    随着物联网和智能驾驶技术的发展,汽车行业对于 CAN 总线的应用越来越普遍。而开发人员也需要使用 CAN 总线来读取和控制汽车的各种传感器和执行器。在这样的背景下,一个开发良好的 CAN 总线 npm...

    4 年前
  • npm 包 canari 使用教程

    简介 canari 是一款 Node.js 的工具包,它可以帮助前端开发者在开发过程中更高效、更快速地生成样式表代码。canari 的核心特性包括:预设了多种常用样式(如按钮、表单等),支持自定义样式...

    4 年前
  • NPM 包 cancan-backbone 使用教程

    介绍 cancan-backbone 是一个 npm 包,用于在 Backbone.js 应用程序中实现权限控制。它是基于能力的安全性实现,可以方便地添加和管理权限,从而保护您的应用程序不受未授权操作...

    4 年前
  • npm 包 cancel-group 使用教程

    什么是 cancel-group cancel-group 是一个功能强大的 npm 包,它为前端开发人员提供了一种轻松的方式来管理和取消异步请求。尤其是在现代的面向服务的前端应用中,cancel-g...

    4 年前
  • npm包cache-on-demand使用教程

    在前端开发中,我们经常会使用NPM包来构建我们的项目。但是,随着项目越来越复杂,使用的NPM包也越来越多,这就导致了每次安装或下载这些包时,耗费了大量的时间和带宽。

    4 年前
  • npm 包 cache-or-tmp-directory 使用教程

    在前端开发工作中,我们常常需要在文件系统中读取或写入数据。但是,直接在文件系统中创建临时文件或者缓存文件可能会导致一些问题,例如:在多台计算机上运行同一个程序时,文件路径可能会不同,造成开发和运维的困...

    4 年前
  • npm 包 cancel 使用教程

    在前端开发中,我们经常需要发送 HTTP 请求到服务器端获取数据,但是有些时候我们可能需要在请求发出后及时取消请求,以提高页面性能和减少流量消耗。此时,一个非常实用的工具就是 npm 包 cancel...

    4 年前
  • npm 包 cache-react-component 使用教程

    在前端开发中,组件的重用是非常重要的,特别是对于 React 开发来说。而对于常用的第三方库,我们通常需要频繁地在不同项目中进行引用,这时候就需要一个能够帮助我们缓存 React 组件的 npm 包。

    4 年前

相关推荐

    暂无文章