Live-Nachladen mit grunt-express-server und grunt-contrib-watch

Question

Ich benutze grunt-express-server und grunt-contrib-watch, um die Liveload-Funktionalität für meine Entwicklungsumgebung zu erhalten. Aber irgendwie funktioniert das Nachladen des Browsers nicht, die Überwachungsaufgabe hört zwar Änderungen an der Datei ab, führt aber nicht zum erneuten Laden des Browsers.

Unten ist die Gruntfile.js

module.exports=function(grunt){  

    grunt.loadNpmTasks('grunt-express-server'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 


    grunt.initConfig({ 

    watch: {  
     options: { livereload: true, }, 
     express: { 
        files: [ 'views/index.ejs','app.js' ], 
        tasks: [ 'express:dev' ], 
        options: {livereload: true, 
          spawn: false 
          } 
       } 
      } 
     , 

    express: { 
       options: {    
        port:8080 
         }, 
       dev: { 
        options: { 
          script: 'app.js' 
           } 
        } 
      } 


    }); 

    grunt.registerTask('serve', [ 'express:dev', 'watch' ]) 

} 

ich diesen Beitrag gelesen haben grunt-express-server with contrib-watch und http://thanpol.as/grunt/Grunt-with-express-server-and-Livereload/, aber nicht in der Lage falsch was herauszufinden. Hier

ist der Link zum Code https://github.com/eMahtab/watch-reload

Hier wird der Schnappschuss von Grunzen dienen

Answer 1

Sie müssen die Live-Reload-Skript in Ihrem HTML sind:

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

Insert Das obige Tag in Ihrer Datei views/index.ejs vor Ihrem schließenden Body-Tag

Sie können eine Standard-Port in Ihrer Uhr Aufgabe gestellt:

watch: {  
    options: { livereload: true, }, 
    express: { 
       files: [ 'views/index.ejs','app.js' ], 
       tasks: [ 'express:dev' ], 
       options: {livereload: 1338, 
         spawn: false, 
         } 
      } 
      } 

Das Skript mit dem benutzerdefinierten Port sein wird:

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

Weitere Referenz die folgende examples überprüfen.