在前端开发中，我们常常需要监控文件的变化，当文件发生变化时，自动执行相关操作。这时，一个好用的监听工具就尤为重要了。miniwatch 就是一个优秀的 npm 包，它可以进行文件监听，并自动执行指定的命令，十分方便。
miniwatch 在设计之初就考虑了易用性和可靠性，用户只需要一个命令行参数就可以使用它，不存在繁琐的配置文件和复杂的参数选项，适合初学者和快捷开发。miniwatch 还支持多目录监听、多命令执行、忽略特定文件，完全满足了前端开发的需要，是一个非常值得使用的工具。
安装
miniwatch 没有任何依赖，安装非常简单，只需要在项目根目录中执行以下命令：
npm install miniwatch
使用方法
首先，在项目根目录中创建一个名为 miniwatch.config.js 的文件，该文件中应该定义监听的目录、监听的文件类型、需要执行的命令等内容。miniwatch 会使用同一目录下的此文件作为其配置文件。
让我们来看看一个简单的 miniwatch.config.js 配置文件：
-- -------------------- ---- -------
-------------- - -
----- ----------
----- ------- --------
----- -
-
---- ---- --- -------
----- --------
--
--
------- ---------------
--该配置文件中，dirs 数组是要监听的目录列表，exts 数组是要监听的文件类型列表，cmds 是需要执行的命令列表，ignore 是需要忽略的文件夹或文件正则表达式（可选）。下面是这些选项的详细说明：
dirs：要监听变化的目录列表，可以是一维或多维数组，每个元素都应该是相对于项目根目录的路径，如 "./src" 表示监听 ./src 目录。exts：要监听变化的文件类型列表，如 ".js" 表示监听 .js 文件的变化，支持多个后缀，如 [".js", ".css"] 表示监听 js 和 css 文件的变化。cmds：要执行的命令列表，每个命令需要包含cmd和name两个参数，分别表示要执行的命令和命令名。当监听到目标文件的变化时，miniwatch会自动执行cmds列表中所有的命令。ignore：需要忽略的文件夹或文件正则表达式，比如 /node_modules/ 表示忽略 node_modules 目录下的所有文件。
接下来，在项目根目录下执行以下命令即可启用 miniwatch：
npx miniwatch
这样，当你修改指定目录下某个文件时，miniwatch 会自动执行在 cmds 列表中配置的命令。
示例
下面是一个使用 miniwatch 的示例。假设你有一个 React 项目，其中的源代码位于 src 目录下，你想要在修改代码后自动完成打包工作。可以使用 miniwatch 监听 src 目录下 .js 文件的变化，然后自动执行 npm run build 命令。
首先，在项目根目录下创建一个名为 miniwatch.config.js 的文件：
-- -------------------- ---- -------
-------------- - -
----- ----------
----- --------
----- -
-
---- ---- --- -------
----- --------
--
--
------- ---------------
--然后，在命令行输入以下命令：
npx miniwatch
这时，miniwatch 将会监听 src 目录下 .js 文件的变化，并在变化发生时自动运行 npm run build 命令。你再也不用手动执行打包命令了！
小结
本文我们介绍了 miniwatch 这个强大的 npm 包，它可以用来监听前端项目中的文件变化，并自动执行指定的命令。我们详细讲解了 miniwatch 的安装、配置文件的编写方法以及具体的使用方法。相信通过本文的学习，你对 miniwatch 这个工具有了更深层次的了解和掌握，将会在你的开发工作中起到巨大的帮助作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/78321