在前端开发中，经常需要将代码打包或者压缩等操作，但是手动去操作十分繁琐。现在npm包watchexec-bin可以帮助解决这个问题，它可以监视文件的变化，并且自动运行一些命令。本文将为大家介绍npm包watchexec-bin的使用教程。
1. 安装步骤
首先需要进行全局安装watchexec-bin，执行如下命令:
npm install -g watchexec-bin
2. 使用方法
使用watchexec-bin的方法很简单，只需要在终端输入下面的命令即可：
watchexec [command]
其中command为需要自动运行的命令。
例如，如果需要在代码发生变化时自动生成压缩文件，则可以执行以下命令：
watchexec 'gulp minify'
如果需要在代码发生变化时重新启动服务器，则可以执行以下命令：
watchexec 'npm run start'
如果需要在代码发生变化时自动打包，再自动压缩，则可以执行以下命令：
watchexec 'npm run build && gulp minify'
3. 示例代码
下面我们来看一个完整的示例代码：
-- -------------------- ---- ------- -- ---- --- ------- -- ------------- -- ----- ------------ - ---------- - -------- ---------- ---- --- ----- -- ---- --------- -------- ------------- - - -- -- --- --- -----展开代码
以上代码表示：
当我们在代码发生变化时，会先执行npm run build指令，将代码打包。然后再执行gulp minify指令，将打包后的代码进行压缩。最后，每次代码发生变化时会自动执行这两个命令。
4. 学习和指导意义
npm包watchexec-bin的出现，极大地方便了前端开发者的工作，提高了开发效率，减少了手工操作出错的可能性。通过本文的介绍，我们不仅了解到了watchexec-bin的使用方法，还掌握了npm包的全局安装，package.json中脚本的运行，以及如何在代码变化时通过watchexec-bin自动运行一些命令。希望这篇文章能够帮助大家提高开发效率，减少重复性劳动，同时也能让大家体会到npm包的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5951ab1864dac66ea1
