npm 包 ender-quarky 使用教程

什么是 ender-quarky

ender-quarky 是一款基于 enderJS 的构建工具，可以帮助开发者简化前端构建过程。其核心特点是提供了一套可定制的构建流程，可以根据项目需求进行灵活配置。此外，ender-quarky 还支持多种 JavaScript 模块加载器，如 RequireJS、SeaJS 等。

前置条件

在使用 ender-quarky 之前，需要先安装 npm。如果你还没有安装 npm，可以在终端中输入以下命令进行安装：

$ sudo apt-get install npm

安装 ender-quarky

在终端中输入以下命令进行全局安装 ender-quarky：

$ npm install -g ender-quarky

使用教程

初始化项目

进入项目目录，在终端中输入以下命令进行项目初始化：

$ ender-quarky init

此时会在当前目录下生成一个名为 ender.json 的配置文件。

定义项目依赖

在 ender.json 中定义项目依赖，可以使用 npm 中已有的包，也可以通过 url 指定其他源的包。例如，定义一个项目依赖 jQuery 和 Backbone，可以这样写：

{
  "dependencies": {
    "jquery": "*",
    "backbone": "https://raw.github.com/documentcloud/backbone/master/backbone.js"
  }
}

构建项目

在终端中输入以下命令进行项目构建：

$ ender-quarky build

此时会在当前目录下生成一个 build 目录，其中包含构建后的所有文件。在 HTML 文件中，使用构建后的文件路径替换原有依赖路径即可。例如，build 目录中生成了一个名为 main.js 的文件，原 HTML 文件中依赖 jQuery 的路径为 http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js，则需要将路径替换为 build/main.js。

定制构建流程

在 ender.json 中可以定义构建流程，即分别指定各个阶段执行的任务。下面是一个示例：

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

在此示例中，定义了两个阶段的任务，分别是 preprocess 和 build。在执行 ender-quarky build 命令时，会依次执行指定的任务。

使用模块加载器

在使用 ender-quarky 的构建工具时，可以选择使用多种模块加载器，如 RequireJS、SeaJS 等。在 ender.json 中配置需要使用的模块加载器即可。例如，使用 RequireJS：

{
  "modules": {
    "loader": "requirejs"
  }
}

总结

通过本文介绍，我们了解了 npm 包 ender-quarky 的基本使用和定制构建流程的方法，同时也了解了其支持的多种 JavaScript 模块加载器。有了 ender-quarky 的帮助，我们可以更加便捷地构建前端项目，提升开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e21a563576b7b1ece4d