很多前端开发者在编写代码时会遇到一个问题：代码修改后需要手动重新运行程序。这个过程非常耗时、麻烦且容易出错。为了解决这个问题，有一个非常实用的 npm 包叫做 run-when-changed，可以帮助我们监听文件变化并自动运行相应的命令。
本篇文章将详细介绍如何使用 run-when-changed 包，在你的项目中实现自动化的文件监听与运行。
安装
首先，我们需要使用 npm 在项目中安装 run-when-changed：
npm install -g run-when-changed
使用
使用 run-when-changed 包非常简单，只需要在命令行中运行以下命令即可：
run-when-changed [options] command
其中，command 是你要运行的命令。例如，如果你在监听一个 JavaScript 文件，你可以使用 node filename.js 命令运行它。
可以在 options 中定义要监听的文件或文件夹：
-w, --watch：要监听的文件或文件夹，可以使用 shell 模式匹配多个项。例如：-w "*.js" "styles/*"-d, --ignore-dot-files：忽略以点开头的文件（如.git和.svn）-r, --run-once：只运行一次命令-i, --interval：检测文件更改的间隔，以毫秒为单位。默认值为 2000
以下是一个简单的示例代码：
run-when-changed -w "*.js" -w "*.scss" -w "*.html" "npm run build"
在本示例中，我们监听了项目中所有的 .js、.scss 和 .html 文件，并在文件变化时运行 npm run build 命令。
指导意义
使用 run-when-changed 包，可以大大提高开发效率。你只需要专注于代码编写，而无需手动运行程序，同时还可以减少出错的可能性。
除此之外，run-when-changed 还支持很多其他的功能，如调试、测试等等，开发者可以根据具体需求自由运用。
结论
总结一下，我们在本文中学习了如何使用 run-when-changed 包。这个 npm 包可以帮助我们自动监听文件变化并运行相应的命令，提高前端开发效率。我们建议开发者在项目中尝试使用 run-when-changed，享受自动化的快感。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f50b66e8250f93ef8900381