npm 包 bourn 使用教程

bourn 是一个可以帮助前端工程师自动化构建任务的 npm 包。它可以在打包、压缩、编译等方面帮助开发者减轻负担,同时提高开发效率。

bourn 的安装

我们可以通过以下步骤进行 bourn 的安装:

  1. 在命令行中运行 npm install -g bourn,可以全局安装 bourn;
  2. 运行 bourn -v 可以查看 bourn 当前的版本号。

配置 bourn

我们可以在项目的根目录中创建 bournfile.js,这个文件是 bourn 的配置文件。使用 bourn 的任务需要在这个文件中定义。

-------------- - -------- ------- -
  -- ----
  ------------
    ----- --------
    ----- --------- 
    ---- ------ -- --- 
    ----- ------- -- ----
    ------ -------- -------- ---------- -- --------- 
    -------- -
      -- --
      -------------------------------
      -------------------------------
      -------------------------------
    --
    -------- -
      ---- ----------------- -- --- --
      -------- -------- -- --
      ------ ---- -- ------
    -
  --
-

以上面的代码为例,这个任务会将 src 目录下的所有 js、css 和 html 文件打包到 dist 目录,并将打包后的文件存放到 CDN 上。同时,使用了三个插件:cdnify、minify 和 replace。

运行 bourn 的任务

当创建好 bournfile.js 文件后,我们可以开始运行任务了。例如下面这个例子:

----- ----- - ----------------

------------------

在命令行中输入 node bourn.js 运行任务。

可是,在实际开发中,我们会进行更多的操作。比如执行不同的任务,使用不同的配置,需要处理一些异常问题等等。

这时候,我们可以使用 yargs 来构建我们的命令行工具。这样就可以让我们更加灵活地运行任务。

下面是一份简单的使用 bourn 和 yargs 的例子:

----- ----- - ----------------
----- ----- - ----------------

-- -------
----- ------- - -----
  -------------- -- --------- -----------
  ----------------- ------ --- ---------
  ------------ -
    ------ --------
    --------- ------ ------
    ----- ----------
    -------- -----
  --
  ----------
  ----------- -------
  -----

-- -------
-- ----------------------------- -
  ------------------ - ------ ------------- --
- ---- -
  ----------------
-

通过命令行输入 node bourn-cli.js build -d 即可运行任务,其中 -d 表示调试模式开启。

以上就是 bourn 包的使用教程。bourn 可以极大地减轻我们前端工程师的工作量,同时也是一个很好的自动化构建工具。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066c84ccdc64669dde4e78


猜你喜欢

  • npm 包 Bouton 使用教程

    简介 Bouton 是一个基于 React 的 UI 组件库,提供了一系列常用的 UI 组件,如按钮、表格、对话框等。这些组件都经过严格的测试和优化,确保在各种场景下都能有良好的表现。

    4 年前
  • npm 包 bourse-cli 使用教程

    什么是 bourse-cli? bourse-cli 是一款开源、简单易用的 npm 包,用于获取股票行情数据。它可以帮助前端开发者更快、更方便地获取实时股票价格数据并进行相应操作。

    4 年前
  • npm 包 bouwen 使用教程

    前言 bouwen 是一个基于 webpack 的前端构建工具,提供了一系列的开箱即用的配置项,帮助开发人员轻松实现构建、打包和热更新等功能,可以极大地提高项目开发效率和代码质量。

    4 年前
  • npm 包 boy 使用教程

    在前端开发中,我们经常需要使用各种 npm 包来帮助我们快速开发应用。而 boy 这个 npm 包正是一个非常实用的工具,它提供了一些常用的字符串处理函数,能够让我们的开发更加高效。

    4 年前
  • npm 包 boy-girl 使用教程

    背景 在前端开发中,我们常常需要使用到各种库和工具,以提高编码效率和代码质量。npm是前端领域最常用的包管理工具,它提供了海量的开源库,让我们能够方便地获取各种功能模块。

    4 年前
  • npm 包 branch-sdk-imagitas 使用教程

    简介 branch-sdk-imagitas 是一个基于 branch.io 平台的前端 JavaScript SDK 库,它提供了一个方便快捷的方式来创建有品牌效应的 App 链接,可以轻松地跟踪和...

    4 年前
  • npm 包 borex-actions 使用教程

    borex-actions 是一个基于 Redux 的异步 action 库,它可以帮助你轻松地处理异步数据流,以及在 React 应用中管理更复杂的状态。 本文将详细介绍 borex-actions...

    4 年前
  • npm 包 borex-reducer-in-helpers 使用教程

    前言 随着前端技术的不断发展,现在已经有很多成熟的框架和库可以使用,这使得我们的开发工作更加快捷和高效。在这些框架和库中,npm 相信大家都不会陌生。npm 市场中有很多常用的工具包,然而对于部分开发...

    4 年前
  • npm 包 branch-cli 使用教程

    前言 随着前端工程化的发展,工具的使用越来越重要。其中,npm 就是前端工程化必不可少的一部分。npm 提供了一系列的工具包,方便我们进行项目构建,管理以及代码维护等。

    4 年前
  • npm 包 borg-ring 使用教程

    前言 前端开发离不开 npm 包的使用,这不仅为我们提供了高效的开发工具,也是大家分享代码和技术的渠道之一。本文将简要介绍一个 npm 包 borg-ring 的使用,希望能为前端开发工作提供一些帮助...

    4 年前
  • npm包borex-reducers使用教程

    介绍 borex-reducers是一个用于处理Redux Reducer的JavaScript库。它提供了一些方便的函数,可以帮助我们更容易地编写Redux reducer函数。

    4 年前
  • npm 包 branchd 使用教程

    什么是 branchd branchd 是一款 npm 包,用于快速创建一个基于 Express 框架的 Web 应用。branchd 可以帮助前端开发者省去一些繁琐的配置,让开发更加高效。

    4 年前
  • npm 包 branch-react-native-sdk 使用教程

    前言 在移动应用的开发过程中,为了跟踪用户的行为,常常需要使用第三方的分析工具。Branch 是一家专注于连接用户的深度链接平台,可以帮助开发者生成深度链接,实现安装追踪以及分渠道分析等功能。

    4 年前
  • npm 包 branch-name 使用教程

    在前端开发中,版本管理是一项非常重要的工作。Git 是一个广受欢迎的版本控制工具,而 Git 的分支(branch)功能能够让开发者轻松地创建和管理版本,这使得团队协作更加流畅高效。

    4 年前
  • npm 包 Boris 使用教程

    在前端开发中,我们经常会需要使用到各种各样的工具和库,而 npm 包就是我们最常用的一种工具之一。其中,Boris 是一个非常实用的 npm 包,它可以帮助我们更轻松地进行函数式编程。

    4 年前
  • NPM 包 Borland 使用教程

    Borland 是一个帮助前端开发者更加高效的实用工具,使用 Borland 可以快速生成符合语义化的 HTML 结构和 CSS 样式。本文将详细介绍如何使用 Borland 这个 NPM 包。

    4 年前
  • npm 包 boy-smart 使用教程

    boy-smart 是一款用于前端 Web 开发的 npm 包,它提供了一系列功能强大且易于使用的工具和方法,可以帮助开发者快速构建高质量、可维护和可扩展的 Web 应用程序。

    4 年前
  • npm 包 boyfriend 使用教程

    在前端开发中,经常使用各种各样的第三方包,npm 是前端用于包管理和快速构建应用程序的最流行的包管理工具之一。本文将为你介绍一个有趣的 npm 包——boyfriend,它可以让你在命令行中回答一些基...

    4 年前
  • npm 包 boyle 使用教程

    在前端开发中,使用 npm 包管理工具为我们带来很多便利。npm 包 boyle 提供了一种快速创建项目结构的方法。本文将详细介绍 boyle 包的使用方法,帮助读者快速上手。

    4 年前
  • npm 包 brancha 使用教程

    在前端开发中,使用 npm 包可以很好地管理依赖关系和代码复用。而 brancha 是一个开源的 npm 包,为我们提供了一个方便的方式来处理 git 分支和版本。

    4 年前

相关推荐

    暂无文章