前言
在前端开发过程中，各种任务需求之间需要不断切换，频繁切换会导致效率低下。能否一站式集成所有需求，简化过程，提高开发效率呢？这就需要引入 workworkjs 作为解决方案。
什么是 workworkjs
workworkjs 是一款可以自定义任务管理系统的 npm 包，它包含了多种前端工具和任务，如：file watch，browser-sync，webpack，eslint 等，它的作用是简化开发流程，提高开发效率。
安装使用
安装
可以通过以下方式安装 workworkjs：
--- - ----------
安装成功后，可以在根目录创建 workwork.config.js 来编写配置文件。
使用
在项目根目录下终端输入以下命令即可启动整个打包流程：
--------
基本使用步骤
1. 编写配置文件
workwork 可以通过在项目根目录下编写 workwork.config.js 配置文件来控制任务的启动和停止。这里提供一份配置模板：
----- ---- - ----------------
----- ------------- - -------------------------------
-------------- - -
------- ----------------------- -------
--------- ----------------------- --------
-------- --------------
------ --
----- -------------
------- ------
------- ---- -------
---- -
--------- ------------
-
--
--srcDir：源代码目录，必选项。buildDir：打包目录，必选项。webpack：webpack 配置文件，选填项，默认为空对象。tasks：自定义任务列表，选填项，默认为空数组。
2. 运行 workwork
在项目根目录下终端输入以下命令即可启动整个打包流程：
--------
启动后会按照配置文件中 tasks 中的顺序去启动任务，每个任务都是一个独立的子进程。
3. 自定义任务
可以在 workwork.config.js 中 tasks 中添加自定义的任务，以下是一个示例：
-------------- - -
------ -
-
----- -------
------- ------ --------
------ ----------------
---- -
--------- ------
-
-
-
--其中：
name：任务名，必选项。script：任务启动脚本，必选项。watch：文件变化，选填项。env：环境变量，选填项。
总结
workworkjs 是一款可以自定义任务管理系统的 npm 包，它可以简化开发流程，提高开发效率。使用 workworkjs，我们可以自定义任务，配置源代码目录以及打包目录等等，从而满足不同场景的需求，有助于前端工程师快速搭建起一个高效的开发环境，提升工作效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671198dd3466f61ffe793