grunt入門之grunt watch的使用

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裏的文件。