在前端开发中，经常需要实时监视文件变化，以保证开发过程中的及时反馈和快速调试。而 easy-watch 就是一个功能强大且易于使用的 npm 包，可以帮助我们实现这个目标。
安装 easy-watch
在命令行中运行以下命令即可安装 easy-watch：
npm install --save-dev easy-watch
使用 easy-watch
在 package.json 文件中设置 scripts 属性，添加 easy-watch 的配置项。以下是一个配置示例：
{
"name": "my-app",
"version": "1.0.0",
"scripts": {
"watch": "easy-watch \"src/**/*.js\" \"npm run build\""
}
}运行以下命令启动 easy-watch：
npm run watch
此时 easy-watch 会监视 src 目录下所有的 js 文件，一旦有文件发生变化，就会自动执行 npm run build 命令。
easy-watch 支持的参数
easy-watch 支持以下参数：
-d：是否启用 debug 模式，默认为 false。-i：忽略指定的文件或文件夹，多个以逗号分隔。-m：监视模式，支持 debounce 和 throttle，默认为 debounce。-w：等待时间（单位：毫秒），当监视模式为 debounce 时生效，默认为 2000。
以下是一个参数配置示例：
{
"name": "my-app",
"version": "1.0.0",
"scripts": {
"watch": "easy-watch \"src/**/*.js\" \"npm run build\" -i \"test/\" -m throttle -w 1000"
}
}easy-watch 演示
以下是 easy-watch 的一个简单演示：
const watch = require('easy-watch')
watch('./src/**/*.js', (filename) => {
console.log(`${filename} has changed`)
})在以上代码中，我们监视了 src 目录下所有的 js 文件，当有文件发生变化时，就会输出变化的文件名。
总结
通过本文的介绍，我们学习了如何使用 easy-watch 这个强大的 npm 包来监视文件变化，并实现自动化构建。希望这篇文章能够对你有所帮助，可以更好地提升你的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066dac7108f76aa73eca51