Grunt livereload不能正常工作

Question

我对grunt很陌生，我试图启用livereload。 问题是，我似乎无法得到它的工作。

Gruntfile.js：

module.exports = function(grunt) { 

    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 
    uglify: { 
     options: { 
     banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' + 
      '<%= grunt.template.today("yyyy-mm-dd") %> */' 
     }, 
     my_target: { 
     files: { 
      'dest/complete.min.js': ['scripts/*.js'] 
     } 
     } 
    }, 
    jshint: { 
     files: ['gruntfile.js', 'srcipts/*.js'], 
     options: { 
     // options here to override JSHint defaults 
     globals: { 
      jQuery: true, 
      console: true, 
      module: true, 
      document: true 
     } 
     } 
    }, 
    livereload : { 
     options : { 
     base : '/', 
     }, 
     files  : ['/**/*'] 
    }, 
    }); 

    grunt.loadNpmTasks('grunt-contrib-uglify'); 
    grunt.loadNpmTasks('grunt-contrib-jshint'); 
    grunt.loadNpmTasks('grunt-contrib-livereload'); 

    grunt.registerTask('default', ['jshint', 'uglify','livereload']); 

}; 

的package.json：

{ 
    "name": "my-app", 
    "version": "0.0.0", 
    "devDependencies": { 
    "grunt": "~0.4.1", 
    "grunt-contrib-uglify": "~0.2.0", 
    "grunt-contrib-jshint": "~0.6.0", 
    "grunt-contrib-livereload": "0.1.2", 
    "matchdep": "~0.1.2" 
    } 
} 

我没有得到任何错误， 我已经试过： “咕噜” 和 “咕噜livereaload启动” 。 当通过本地主机进入我的网站时 - 它不会连接。 当对css文件进行更改时，通过file：//协议查看网站将不会重新加载。

在此先感谢。

Answer 1

实时重新加载已移至监视任务。请参阅：https://github.com/gruntjs/grunt-contrib-watch#live-reloading

grunt.initConfig({ 
    watch: { 
    livereload: { 
     options: { livereload: true }, 
     files: ['dist/**/*'], 
    }, 
    }, 
});