Grunt - Live重新加載不與grunt-contrib-watch一起工作

Question

我試圖讓Grunt重新加載我的js文件，當我使用grunt-contrib-watch更改它們時。這裏是我的Gruntfile：

module.exports = function(grunt) { 

    require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks); 

    grunt.initConfig({ 

    connect: { 
     all: { 
     options:{ 
      port: 9000, 
      hostname: "0.0.0.0", 
      base: 'app', 
      keepalive: true, 
      middleware: function(connect, options) { 

      return [ 

       require('grunt-contrib-livereload/lib/utils').livereloadSnippet, 

       connect.static(options.base) 
      ]; 
      } 
     } 
     } 
    }, 
    open: { 
     all: { 
     path: 'http://localhost:<%= connect.all.options.port%>' 
     } 
    }, 
    watch: { 
     options: { 
     livereload: true 
     }, 
     js: { 
     files: ['app/js/**/*.js'], 
     tasks: ['jshint'], 
     } 
    } 
    }); 

    // Creates the `server` task 
    grunt.registerTask('server',[ 
    'open', 
    'livereload-start', 
    'connect', 
    'watch' 
    ]); 
}; 

當我更改js文件沒有任何反應。任何幫助都會很棒。

Answer 1

我以前沒有試過在中間件中使用livereloadSnippet，所以我不確定那裏可能有什麼問題。但是，如果你只是想一個普通LiveReload設置你可以使用由grunt-contrib-connect插件提供的livereload選項：

require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks); 

grunt.initConfig({ 
    connect: { 
    all: { 
     options:{ 
     port: 9000, 
     hostname: '0.0.0.0', 
     base: 'app', 
     keepalive: true, 
     livereload: true, 
     open: true 
     } 
    } 
    }, 
    watch: { 
    options: { 
     livereload: true 
    }, 
    js: { 
     files: ['app/js/**/*.js'], 
     tasks: ['jshint'] 
    } 
    } 
}); 

grunt.registerTask('server',[ 
    'connect', 
    'watch' 
]);