Grunt livereload无法正常工作

Question

我很咕噜咕噜,我正在尝试启用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"
  }
}

我没有得到任何错误,我已经尝试过:"grunt"和"grunt livereaload-start".当通过localhost访问我的网站时 - 它将无法连接.通过file:// protocol查看网站时,如果对css文件进行了更改,则不会重新加载.

提前致谢.

Answer 1

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

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