前言
在前端开发中，我们经常需要进行一些任务，如代码的编译、测试、打包等等。这些任务可以通过脚本来执行，但是对于大型项目来说，脚本的编写和维护成本会很高。而 npm 包 ok-runner 的出现，解决了这个问题。
ok-runner 是一个命令行工具，可简化前端项目中的任务执行。它使用了类似于 Gulp 的格式来定义任务。在本篇文章中，我们将详细介绍如何使用 ok-runner 来执行任务。
安装
ok-runner 可以通过 npm 安装：
npm install ok-runner -g
使用 -g 参数是为了将 ok-runner 安装到全局，使你的系统可以在任何位置访问。
示例
让我们通过一个简单的示例来了解 ok-runner 的使用。假设我们有一个项目，需要将 scss 文件编译成 css 文件。我们可以创建一个 okfile.js 文件，内容如下：
const { task } = require('ok-runner');
task('build:css', () => {
// 开始编译
});task 方法用来定义一个任务，其第一个参数为任务名称。在本例中，我们定义了一个名为 build:css 的任务。该任务未定义任何实际代码。
接下来，在命令行中输入以下命令：
ok build:css
ok-runner 会在 okfile.js 中查找名称为 build:css 的任务，并执行其定义的代码。
任务定义
为了更好地了解 ok-runner 的使用，让我们看一下任务的定义方式。
简单任务
在上一个示例中，我们已经看到了一个使用 task 方法定义的简单任务。这种任务是最基本的形式，其包含任务名称和任务实际代码。我们可以通过以下方式定义一个简单任务：
task('simple-task', () => {
console.log('This is a simple task');
});依赖任务
sometimes you want to run a task only if another task has been completed. This is when we need dependencies.
有时候，我们需要一个任务在另一个任务执行完毕后才能执行。这时就需要使用依赖任务。在 ok-runner 中，我们可以通过第二个参数指定依赖任务。例如：
task('task-dependent-on-another', ['simple-task'], () => {
console.log('This task depends on the simple task');
});在这个例子中，我们定义了一个名为 task-dependent-on-another 的任务，该任务依赖于 simple-task 任务。这意味着，只有在 simple-task 任务执行完毕后，task-dependent-on-another 才能执行。
并行任务
Parallel tasks are tasks that run simultaneously. This is useful when you want to run multiple tasks at the same time.
并行任务可以同时运行。当您想要同时运行多个任务时，这是非常有用的。在 ok-runner 中，我们可以使用 parallel 方法定义并行任务。例如：
parallel(() => {
task('task1', () => {
console.log('This is task 1');
});
task('task2', () => {
console.log('This is task 2');
});
});在这个例子中，我们定义了一个并行任务，其中包含了两个任务： task1 和 task2。
顺序任务
Sequential tasks are tasks that run one after the other. This is useful when you want to run tasks in a specific order.
顺序任务是一个接着一个地运行的任务。当您想要按特定顺序运行任务时，这是非常有用的。在 ok-runner 中，我们可以使用 series 方法定义顺序任务。例如：
series(() => {
task('task1', () => {
console.log('This is task 1');
});
task('task2', () => {
console.log('This is task 2');
});
});在这个例子中，我们定义了一个顺序任务，其中包含了两个任务： task1 和 task2。如果我们运行 series 任务，task1 会在 task2 之前执行。
构建项目
现在我们已经了解了如何定义任务，让我们尝试通过 ok-runner 任务来构建一个项目。在这个项目中，我们将使用 Babel 编译 ES6 代码，并将 Sass 编译为 CSS。
首先，我们需要安装一些必要的 npm 包：
npm install babel-core babel-preset-env gulp gulp-babel gulp-concat gulp-uglify gulp-sass --save-dev
接下来，我们可以使用以下代码创建 okfile.js 文件，并定义任务：
-- -------------------- ---- -------
----- - ----- --------- ------ - - ---------------------
----- ---- - ----------------
----- ----- - ----------------------
----- ------ - -----------------------
----- ------ - -----------------------
----- ---- - ---------------------
---------------- -- -- -
------ --------------------------
-------------
-------- -------
---
-----------------------
---------------
----------------------------
---
----------------- -- -- -
------ ------------------------------
------------ ------------ ------------ -------------- ---------------
-----------------------------
---
--------- -- -
----------- -- -
---------------- -- -- -
---------------------------- --------------
---
----------------- -- -- -
-------------------------------- ---------------
---
---
-------------- -- -- -
--------------
---------------------------------
----------- -----
----- ----
----
---
---在我们的示例中，build:js 任务使用 Gulp 和 Babel 来编译源代码。build:css 任务使用 Gulp 和 Sass 来编译源代码。
我们可以使用 gulp.watch 来监视代码并进行自动编译。我们还可以使用 gulp-webserver 启动本地服务器来查看网站。
要运行我们的示例，我们只需要在命令行中输入以下命令：
ok server
这将启动本地服务器，并自动打开我们的网站。因为我们定义了 parallel 任务来监视代码的改动，所以在更改代码时，ok-runner 将自动重新构建项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556df81e8991b448d3bb8