介绍
grunt-focus-chokidar 是一个基于 grunt 的前端自动化构建工具，它使用 chokidar 库监测文件变化，从而实现更高效的构建流程。
本文将介绍如何使用 grunt-focus-chokidar 实现文件的自动编译、压缩等功能。
安装
首先需要安装 grunt 和 grunt-cli：
npm install -g grunt-cli npm install -g grunt
然后安装 grunt-focus-chokidar：
npm install grunt-focus-chokidar
配置
在项目根目录下创建一个名为 Gruntfile.js 的文件，用于配置 grunt 的任务。
-- -------------------- ---- -------
-------------- - --------------- -
------------------
-- ----------
------ -
----- ----------------
--- ----------------
--
-- ----
----- -
----- -
------ -
--------------------- ---------------------
-
-
--
------- -
-------- -
------- -----
--
---------- -
------ -
--------------------- ---------------
-
-
-
---
-- ------
-----------------------------------------
-------------------------------------------
-------------------------------------------
-- ----
----------------------------- -------- -----------
--使用
在 Gruntfile.js 中，我们定义了两个任务：less 和 uglify，分别用于编译 less 和压缩 js 文件。
使用 grunt-focus-chokidar，我们可以只监测特定文件的变化，从而只重新运行相关任务。
例如，我们要监测所有的 .less 文件的变化，只需要在终端输入：
grunt watch-less
watch-less 任务会监听 src/**/*.less 的变化，只有这些文件发生了变化，才会运行 less 任务重新编译。
同样的道理，如果我们要监测所有的 .js 文件的变化，可以运行以下命令：
grunt watch-js
最后，如果我们要同时监测所有的 .less 和 .js 文件的变化，可以运行：
grunt watch
示例代码
-- -------------------- ---- ------- --------- ----- ------ ------ --------------------------- ---------- ----- ---------------- -------------------------- ------- ------ --------- ----------- ------- ---------------------------------- ------- -------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600551ce81e8991b448cf319