在前端开发中，我们经常需要监听文件的变化来自动编译代码、刷新浏览器等。这个时候，Gaze-cli 就可以帮助我们轻松地实现这个功能。
什么是 Gaze-cli？
Gaze-cli 是一个基于 Node.js 的命令行工具，用于监听文件的变化并执行相应的操作。它支持多种操作系统和文件系统，并且具有良好的性能和稳定性。
如何安装 Gaze-cli？
你可以通过 NPM 包管理器来安装 Gaze-cli。打开终端并输入以下命令：
npm install -g gaze-cli
此命令将全局安装 Gaze-cli。
如何使用 Gaze-cli？
监听文件的变化
要使用 Gaze-cli 监听文件的变化，你可以运行以下命令：
gaze <pattern> [<options>] -- <command>
其中，<pattern> 表示要监听的文件或文件夹的路径模式；<options> 表示可选参数；<command> 表示文件更改后要执行的命令。
例如，如果要监听当前目录下所有 JavaScript 文件的变化并执行 npm run build 命令，则可以运行以下命令：
gaze '*.js' -- npm run build
可选参数
以下是 Gaze-cli 支持的可选参数：
-c,--cwd: 指定要监听的文件或文件夹的当前工作目录。-i,--interval: 指定检查文件更改的时间间隔（以毫秒为单位，默认值为 100）。-l,--level: 指定监听的最大深度（默认值为无限制）。-e,--events: 指定要监听的事件类型（默认为所有事件）。
例如，如果要在当前目录下监听所有 HTML 文件的更改，并且在更改发生时执行自定义脚本 ./my-script.sh，则可以运行以下命令：
gaze '**/*.html' -c . -- ./my-script.sh
示例代码
以下是一个示例代码，用于在文件更改时自动编译 Sass 文件并刷新浏览器：
-- -------------------- ---- -------
----- ---- - ---------------
----- ---- - ---------------
----- ----------- - --------------------------------
-- -- ---- --
-------- --------------- -
----- ------ - ----------------- ---- --
------ ---------------------
-
-- -- ---- -----
--------------------- ----- -------- -- -
-- --- -----------
------------------
------- ---------
------- -----
--
-- --------
----------------- ------- --------- -- -
-- -- ---- --
----- --- - -------------------
-- -- --- --
----- ---- - ------------------------ ---------------------------- -------
---------------------- ----
-- -----
--------------------
--
--总结
通过本文，你应该已经了解了 Gaze-cli 的基本用法和可选参数，并且掌握了如何在前端开发中使用 Gaze-cli 来监听文件的变化。希望这篇文章能够对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/51015