npm 包 broccoli-coffee 使用教程

阅读时长 4 分钟读完

什么是 broccoli-coffee ?

broccoli-coffee 是一个基于 broccoli 的插件,可以将 coffee script 构建为 JavaScript。Broccoli 是一个非常优秀的构建工具, 它的核心原理是根据输入的目录结构构建输出目录结构,而不是依赖配置文件来管理构建过程。这使得构建过程非常灵活,而且更接近开发者的实际需求,因此受到了广泛的欢迎。

broccoli-coffee 插件可以让我们在构建过程中使用 coffee script 来编写 JS 代码,这对于习惯了 coffee script 的开发者来说非常方便。

如何使用 broccoli-coffee ?

首先安装 broccoli-coffee

在构建脚本中引入 broccoli-coffee 并使用

在上面的代码中,src 目录是包含 coffee script 文件的目录,我们通过 compileCoffee 将 coffee script 构建为 JavaScript 代码,并将结果保存到 jsTree 变量中。

配置选项

broccoli-coffee 支持一些配置选项,我们可以使用这些选项来定制构建流程,使得构建过程更加灵活。

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

示例代码

下面是一个使用 broccoli-coffee 的示例:

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

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

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

通过下面的代码,我们将上面的 coffee script 文件构建为 JavaScript 文件:

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

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

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

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

参考文献:

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60665

纠错
反馈