runner-runner-collection 是一个能够简化前端开发流程的 npm 包，它提供了一系列通用的任务集合，包括文件操作、代码转换、作者信息、版本号管理等等。在使用 runner-runner-collection 前，首先需要保证您的计算机已经安装了 npm。
安装 runner-runner-collection
打开命令行工具（Windows 用户可以使用 cmd 或 PowerShell，Mac 用户可以使用 Terminal），输入以下命令：
--- ------- ------------------------ ----------
在命令执行完毕后，您就成功安装了 runner-runner-collection。接下来，我们将一步步教您如何使用这个实用的 npm 包。
任务集合示例
runner-runner-collection 提供了多个常用的任务集合，每个任务集合包含多个任务，下面我们逐一介绍这些任务集合及其使用方法。
文件操作
任务集合名称：file
在前端工作中，文件操作是一个非常常见的任务，如文件复制、文件删除、文件压缩等等。runner-runner-collection 将这些任务进行了整合，使用起来非常方便。下面是一份实例配置，展示如何使用 file 任务集合：
----- ------------ - ------------------------- ----- -------------------- - ----------------------------------------- --------------- ----- ------ ---- ----------- ----- ---------------------------------- -- - ----- ----- ------ ------- ----- ------------------------------------------ - ----- ---- -- ------- -- - ----- ------- ---------- ------- ----- ---------------------------------------------- ------- ----------
代码解释：
- 第 4 行：引入 runner-runner。
- 第 5 行：引入任务集合 file。
- 第 7 行：创建一个清空 dist 目录的任务。
- 第 9 行：创建一个将 public 目录下的所有文件复制到 dist 目录的任务。
- 第 11 行：创建一个压缩 src 目录下所有 JavaScript 文件的任务。
- 第 13 行：将任务传入 runner-runner，并运行它们。
代码转换
任务集合名称：transform
在前端工作中，代码转换往往是一个不可避免的任务，如将 ES6 代码转换为 ES5、将 SCSS 文件转换为 CSS 等等。runner-runner-collection 中的 transform 任务集合可以帮助您完成这些任务。下面是一个转换 JS 文件的实例配置：
----- ------------ - ------------------------- ----- ------------------------- - ---------------------------------------------- --------------- ----- ---------- ---------- ------- ----- ------------------------------------------------------ ------ - -------- ------- -- ------- ----------
代码解释：
- 第 4 行：引入 runner-runner。
- 第 5 行：引入任务集合 transform。
- 第 7 行：创建一个将 src 目录下所有 JavaScript 文件转换为 ES5 的任务。
- 第 9 行：将任务传入 runner-runner，并运行它们。
作者信息
任务集合名称：author
如果您正在开发一个开源项目，那么很有可能需要在代码注释中记录您的姓名和联系方式。runner-runner-collection 的 author 任务集合就能帮助您完成这个任务。下面是一个记录作者信息的实例配置：
----- ------------ - ------------------------- ----- ---------------------- - ------------------------------------------- --------------- ----- ---- ------ ----------- -- ------- ----- ----------------------------------------------------- - ----- ----- ----- ------ ---------------------- -------- --------------------- ----- ------ -- ----------
代码解释：
- 第 4 行：引入 runner-runner。
- 第 5 行：引入任务集合 author。
- 第 7 行：创建一个将作者信息添加到 JavaScript 文件中的任务。
- 第 9 行：将任务传入 runner-runner，并运行它们。
版本号管理
任务集合名称：version
版本号管理往往是前端开发过程中的一个重要环节。runner-runner-collection 的 version 任务集合可以帮助您自动更新项目版本号，并将版本号写入代码注释中。下面是一个管理版本号的实例配置：
----- ------------ - ------------------------- ----- ----------------------- - -------------------------------------------- --------------- ----- ----- -- ----- --------- ----- -------------------------------------------------------- ---------------- ----------
代码解释：
- 第 4 行：引入 runner-runner。
- 第 5 行：引入任务集合 version。
- 第 7 行：创建一个将项目版本号增加 patch 的任务。
- 第 9 行：将任务传入 runner-runner，并运行它们。
参考链接
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005562f81e8991b448d3191