什么是 gulp-filechange？
gulp-filechange 是一个 npm 包，可以用于检测指定文件夹中文件的变化，当文件发生变化时，可以触发其他自定义的任务，如重新编译文件、刷新页面等。
安装 gulp-filechange
首先，需要在本地安装 gulp 和 gulp-filechange：
npm install --save-dev gulp npm install --save-dev gulp-filechange
使用 gulp-filechange
使用 gulp-filechange 前，需要在 gulpfile.js 中定义任务。示例代码如下：
-- -------------------- ---- -------
--- ---- - ----------------
--- ---------- - ---------------------------
------------------ ---------- -
----------------------
-------------------------------- --------- -
-- -------
----
---上面的代码中，我们定义了一个名为 watch 的任务，通过 src() 方法指定要监控的文件夹路径。然后，我们通过 pipe() 方法以回调函数的形式传递了变化事件的处理逻辑。回调函数的第一个参数表示当前发生的事件类型（add、change、unlink），第二个参数表示受影响的文件路径。
在回调函数中，可以编写自定义的任务逻辑。例如，当某个文件发生变化时，我们可以使用 gulp-load-plugins 加载其他 gulp 插件，并调用这些插件提供的方法重新编译文件。示例代码如下：
-- -------------------- ---- -------
--- ---- - ----------------
--- ---------- - ---------------------------
--- - - -------------------------------
------------------ ---------- -
----------------------
-------------------------------- --------- -
---------------- - - -------- - - --- - - -------
------------------
-----------------
------------------------------------
----
---上面的代码中，我们在控制台输出文件变化的信息，并使用 jshint 插件对变化的文件进行语法检查。以上只是示例代码，实际情况下，我们可以根据自己的需求调用任意数量的插件方法。
结语
gulp-filechange 是一个非常实用的 npm 包，可以帮助前端开发人员高效地管理项目中的文件变化。希望这篇文章可以帮助您学习和使用 gulp-filechange，欢迎留言交流。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d2181e8991b448dad35