Grunt Live-Reload via Watch

Question

Sto provando a configurare grunt su file livereload js e less/css sulle modifiche. Mentre grunt "guarda" correttamente ed esegue compiti assegnati, non carica i file. Di seguito è la mia configurazione, qualcuno può vedere cosa c'è che non va?

module.exports = function(grunt) { 
grunt.initConfig({ 
    pkg: grunt.file.readJSON("package.json"), 
    jshint: { 
     files: ["Gruntfile.js", "src/javascripts/**/*.js"], 
     options: { 
      globals: { 
       jQuery: true, 
       console: true, 
       module: true 
      } 
     } 
    }, 
    concat: { 
     options: { 
      stripBanners: true, 
      banner: "/*! <%= pkg.name %> - v<%= pkg.version %> - <%= grunt.template.today('yyyy-mm-dd') %> */\n", 
      separator: "\n" 
     }, 
     js: { 
      src: ["src/javascripts/main.js", "src/javascripts/**/*.js"], 
      dest: "../app/assets/javascripts/application.js" 
     }, 
     less: { 
      src: ["src/stylesheets/**/*.less"], 
      dest: "../app/assets/stylesheets/application.less" 
     } 
    }, 
    watch: { 
     js: { 
      files: ["<%= jshint.files %>"], 
      tasks: ["jshint", "concat:js"], 
      options: { 
       livereload: true 
      } 
     }, 
     less: { 
      files: ["<%= concat.less.src %>"], 
      tasks: ["concat:less"], 
      options: { 
       livereload: true 
      } 
     } 
    } 
}); 

grunt.loadNpmTasks("grunt-contrib"); 

grunt.registerTask("default", ["jshint", "concat"]); 
}; 

Nota: ho incluso il seguente tag script all'interno del tag head html.

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

Answer 1

La tua configurazione sta tentando di avviare 2 server live reload sulla stessa porta. Se volete 1 server ricarica diretta per innescare su tutti i vostri obiettivi di orologi poi basta aggiungere 1 opzione livereload a livello di attività:

watch: { 
    options: { 
    livereload: true 
    }, 
    js: { 
    files: ["<%= jshint.files %>"], 
    tasks: ["jshint", "concat:js"], 
    }, 
    less: { 
    files: ["<%= concat.less.src %>"], 
    tasks: ["concat:less"], 
    } 
} 

Answer 2

mi mancava il tag script e dopo l'aggiunta di questo

esso ha iniziato a lavorare per me. :)!

Grazie,