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