随着前端工程化的发展，npm 包成为了项目中不可或缺的一部分。whech 是一款基于 gulp 的自动化构建工具，它可以帮助我们自动化地检测代码中的语法错误，并对我们的代码进行压缩、合并等操作。
在本文中，我们将详细介绍 whech 的使用方法，并通过示例代码来解释其深度和学习以及指导意义。
安装
要使用 whech，我们需要在项目中通过 npm 安装 whech 和 gulp：
npm install whech gulp --save-dev
使用
在项目的根目录中，创建一个名为 gulpfile.js 的文件，在其中编写自己的构建任务。
-- -------------------- ---- -------
-- -- ----- - ----
----- ----- - -----------------
----- ---- - ----------------
-- ------ ------- ---
------------------ -------- -- -
------ --------------------
--------------
-------------------------
---在这个例子中，我们定义了一个名为 build 的 gulp 任务。这个任务将会对 src 目录下的 .js 文件进行检测和处理，并将处理后的文件保存到 dist 目录中。
API
whech 支持一些选项，可以通过传递一个对象来进行配置。
whech({
options: value
});支持的选项包括：
eslint：一个布尔值，指示是否启用 ESLint （默认为 true）。eslintOptions：一个对象，其中包含传递给 ESLint 的选项。uglify：一个布尔值，指示是否启用 Uglify （默认为 true）。uglifyOptions：一个对象，其中包含传递给 Uglify 的选项。
示例代码
在我们的示例代码中，有一个名为 src 的目录，其中包含两个文件：
// src/index.js
function sum(a, b) {
return a + b;
}
console.log(sum(1, 2));// src/other.js
console.log('this is another file.');我们的目标是将这两个文件压缩、合并，并将结果保存到 dist 目录中。在 gulpfile.js 文件中，我们可以这样定义任务：
-- -------------------- ---- -------
----- ----- - -----------------
----- ---- - ----------------
----- ------ - -----------------------
------------------ -------- -- -
------ --------------------
-------------
------- ------
------- ----
---
-----------------------------
-------------------------
---在这个任务中，我们关闭了 ESLint，并开启了 Uglify。然后，我们使用 gulp-concat 将两个文件合并为一个，最后将结果保存到 dist/build.min.js 目录中。
总结
通过本文的介绍，我们了解到了如何使用 whech 以及它的一些选项。whech 可以帮助我们自动化检测和处理代码，提高工作效率。当我们需要构建复杂的项目时，可以通过合理配置 whech 来满足我们的需求。和 gulp 一样，whech 也是一款非常优秀的构建工具，值得我们去尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710a8dd3466f61ffe0b1