LiveReload with Grunt？

Question

除了watch github page之外，我還諮詢了this answer作爲起點。

我的表的任務是這樣的：

watch: { 
    less: { 
    files: ['less/**/*.less'], 
    tasks: ['less'], 
    options: { 
     livereload: true 
    } 
    }, 
    handlebars: { 
    files: ['templates/**/*.hbs'], 
    tasks: ['handlebars'], 
    options: { 
     livereload: true 
    } 
    } 
} 

首先，我試圖用瀏覽器擴展，再後來我加入這個腳本（並驗證它被加載）在我的index.html

<script src="//localhost:35729/livereload.js"></script> 

我也嘗試添加該到我的收藏JS：

livereload: { 
    files: ['dev/**/*'], 
    options: { 
    livereload: true 
    } 
} 

我也有一個連接任務，我嘗試過運行或不運行咕嚕聲無濟於事。

connect: { 
    dev: { 
    options: { 
     port: 35729 
    } 
    } 
} 

而且還沒有活重裝...

Answer 1

工作的呢？

watch: { 
    options: { livereload: true }, 
    less: { 
    files: ['less/**/*.less'], 
    tasks: ['less'] 
    }, 
    //... 
} 

還試着用詳細模式（grunt do-something -v）運行檢查livereload服務器開始，且該端口是正確的。

Answer 2

手錶已開箱即用，沒有livereload。你有沒有嘗試刪除livereload選項，腳本包括？

Then：grunt;咕嚕腕錶

（默認任務不生成，然後看保存更改一隻眼睛）

Answer 3

這是我Gruntfile.js和我連接的版本是0.9.0，這個配置可以使用不同的端口livereroad

module.exports = function (grunt) { 

require('load-grunt-tasks')(grunt); 
require('time-grunt')(grunt); 
grunt.initConfig({ 
    watch: { 
     demo: { 
      files: ['web/*.*'], 
      options: { 
       livereload: 5000 
      } 
     }, 
     dev:{ 
      files: ['web1/*.*'], 
      options: { 
       livereload: 3030 
      } 
     } 
    }, 
    connect: { 
     demo: { 
      options: { 
       base: "web", 
       port: 1111, 
       hostname: '*', 
       livereload: 5000, 
       open: { 
        target: 'http://127.0.0.1:1111' 
       } 
      } 
     }, 
     dev:{ 
      options: { 
       base: "web1", 
       port: 2222, 
       hostname: '*', 
       livereload: 3030, 
       open: { 
        target: 'http://127.0.0.1:2222' 
       } 
      } 
     } 
    } 
}) 
grunt.registerTask('demo', ['connect:demo', 'watch:demo']); 
grunt.registerTask('dev',['connect:dev','watch:dev']); 

}