gruntjs - 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']);

};

包.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 访问我的网站时 - 它无法连接。并且当对 css 文件进行更改时，通过 file:// 协议查看网站不会重新加载。

提前致谢。

Answer 1

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

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