在前端开发中，我们经常需要进行一些常见的开发任务，例如格式化代码、语法检查、打包等等。常规做法是手动完成这些任务，这种方式不但耗时耗力，而且容易出错。针对这种情况，有一些第三方的 npm 包能够帮助我们自动完成这些任务。
@ehmicky/dev-tasks 是其中一种 npm 包，它的主要功能是提供一些常见的开发任务并自动执行。接下来我们就来介绍一下如何使用这个库。
安装
首先，我们需要在项目中安装 @ehmicky/dev-tasks。使用 npm 命令即可：
npm install @ehmicky/dev-tasks
任务配置
@ehmicky/dev-tasks 中主要提供了以下几种任务：
- 格式化代码
- 语法检查
- 打包
我们需要配置 package.json 文件，定义要执行哪些任务。
-- -------------------- ---- -------
-
----------- -
--------- -
----------- -
--------- ------
--------- --------- ------
--------- --------- -------
--
-------------- -------
--
------- -
----------- -
--------- -----
--
-------------- -------
--
-------- -
---------- --------- --------------------
-------------- --------
------------- ---------
-
-
-上面配置了三个任务，分别是 format、lint、build。其中，format 用于格式化代码，lint 用于检查语法错误，build 用于打包代码。
- patterns：定义使用哪些工具为文件执行格式化任务或语法检查。
- directories：指定哪些目录下的文件需要执行这些任务，例如上面示例中的 src 目录。
- scripts：指定执行构建任务的命令，例如上面示例中的 webpack --mode=production。
- outputDirs：指定构建产生的代码文件输出目录，例如上面示例中的 build 目录。
任务执行
当我们配置好任务之后，就可以执行这些任务了。@ehmicky/dev-tasks 提供了一个 CLI 工具，可以很方便地执行和监控这些任务。
{
"scripts": {
"dev-tasks": "dev-tasks"
}
}上面配置了一个 dev-tasks 的脚本，我们可以通过以下命令启动这个任务。
npm run dev-tasks
当然，我们也可以通过下面的命令分别执行某个具体任务。
dev-tasks format dev-tasks lint dev-tasks build
示例代码
完整的示例代码可以在 Github 中找到：
https://github.com/ehmicky/dev-tasks
总结
@ehmicky/dev-tasks 为我们提供了一种简单、易用的自动化开发任务方法，可以加快我们的开发效率、减少出错概率。在实际开发中，我们可以根据自己的需要进行配置和定制，以达到最佳效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaeaeb5cbfe1ea0610eab