grunt入门之grunt watch的使用

时间:2021-06-05 06:27:11

watch几乎是grunt必不可少的应用,一旦配置好watch,保存文件后将立即执行命令

安装方式如下:

npm install grunt-contrib-watch --save-dev

安装好以后就可以在gruntfile里写配置了:

watch: {
lesss: {
files: ['css/test.less'],
tasks: ['less']
}
,sasss: {
files: ['css/testSass.scss'],
tasks: ['sass']
}
}

配置好以后,在命令行里执行:

grunt watch

然后在test.less或者testSass.scss文件更改后,就会自动执行tasks里的命令。

如果只需要监听一个任务,可以执行:

grunt watch:lesss

这样就只监听lesss里的文件。