watch-cli的使用

我们知道监听css文件变化的话可以装node-sass，监听js文件的变化可以按照babel。但是如果我们需要监听html文件的变化，并且要进行一些npm的命令呢？

我们可以安装一个cli，地址是：github.com/doowb/watch…

在文件更改时监视文件并执行npm脚本。

首先我们在一个项目中使用npm命令安装

npm i -g watch-cli

执行命令，下面命令的意思是监听start命令下的文件，一旦有变化就会拷贝到end目录：

watch -p "start/index.html" -c "cp start/index.html end/index.html"

当我把start目录下的文件进行编辑，监听的文件变化了。就被拷贝到end目录当中去了。

当然上面的监听文件变化可以这么写（注意end目录是要存在的），也会拷贝文件到end目录下。

watch -p "start/index.html" -c "cp start/index.html end/"

因为watch-cli是监听文件变化而执行npm命令，所以理论上是npm的命令能做的都可以，不仅限于html文件，图片也可以，不同的文件格式也是没问题的。因为注重分工，所以css和js的就不在这里操作了。

现在我们已经有直接对html，css，js文件进行监听的方法了，一旦有变化也会自动改变。