npm 包 bourn 使用教程

阅读时长 3 分钟读完

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

纠错
反馈