gruntjs - grunt 不会在 watch livereload 时重新加载服务器

Question

如果任何文件发生更改，我一直在尝试重新加载服务器。我可以查看已更改的文件，但它不会重新加载我的服务器。

GruntFile.js

module.exports = function(grunt){
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
jshint: {
        all:{ 
            src:'**/*.js',
           }


},
concat: {
        options: {
            banner: '(function() {',
            footer: '})();'
        },
        releaseLocalHybrid: {
            src: ['config/config.local.js','lib/fuse.js','src/model.js','src/templates/hybrid.js','src/controller/hybrid.js'],
            dest: 'dist/widgets.js'
        }
},

uglify: {
        options: {
            banner: '/*! <%= pkg.name %> <%= grunt.template.today("dd-mm-yyyy") %> */\n'
        },
        releaseLocalHybrid: {
            files: {
                'widgets.js': ['<%= concat.releaseLocalHybrid.dest %>']
            }
        }

},
connect:
    {
        server:
        {
            options:
            {
                hostname: 'localhost',
                port: 8082,
                base: {
                    path:'.',
                    options: {
                    index:'index.html',
                    maxAge: 300000
                  },

                },
                livereload: true
            }
        }
    },
  watch: {
    options: {
        livereload: true
        },
     concat: {
        files: 'config/*.js',
        tasks: 'jshint',
        options:
        {
            spawn:false
        },
      },
    }
});

grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default', [  'concat:releaseLocalHybrid','uglify:releaseLocalHybrid','connect', 'watch']);
grunt.registerTask('server', ['concat:releaseLocalHybrid','uglify:releaseLocalHybrid','connect','watch']);
};

任何建议或帮助将不胜感激。

Answer 1

我正在观看手表中的所有文件，因此请jshint:all继续观看并且不会重新加载，但如果我观看releaseLocalHybrid它就可以了。感谢大家。

Answer 2

您需要为 livereload 指定一个端口。我一直在使用 livereload 选项：

watch: {
  less: {
    files : ['less/**/*.less']
  },
  css: {
    files: ['css/*.css'],
    options: {
      livereload: {
        port: 35750
      }
    }
  }
}