LiveReload с Grunt?

Question

В качестве отправной точки я консультировался с this answer, в дополнение к watch github page.

Мои часы задача выглядит следующим образом:

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

Часы работали для меня из коробки, без использования петель. Вы пытались удалить параметры пера и сценарий?

Затем: ворчать; хрюкать часы

(задача по умолчанию делает сборки, а затем смотреть следит за перемены)

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']); 

}