指定的文件发生变化以后,就去执行指定的任务,这个就是 grunt-contrib-watch 插件的功能。先去安装一下这个插件 ... 打开命令行工具 ... 输入 npm install ... 后面加上插件的名字 ... grunt-contrib-watch .. 再加上一个 --save-dev,把这个插件放到 package.json 文件的开发依赖列表里面 ...
npm install grunt-contrib-watch --save-dev
完成以后,打开 Gruntfile.js ... 在这里,先去载入这个插件 ... grunt.loadNpmTasks ... 加载的插件是 grunt-contrib-watch ...
grunt.loadNpmTasks('grunt-contrib-watch');
这样我们就可以使用这个插件定义的任务去做一些事情了 ... 先保存一下 ... 再回到命令行 ... 输入 grunt --help ... 回车 ... 会显示一些帮助的信息,在这个 Available tasks 这里,会列出当前项目所有可用的任务 ... 这里有一个 watch ... 这个任务就是 grunt-contrib-watch 插件定义的任务的名字 ...
Available tasks
watch Run predefined tasks whenever watched files change.
在下面的视频里,我们再看一下怎么样使用这个插件。