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裡的檔案。