当grunt-contrib-watch与grunt-express结合使用时，浏览器livereload无法正常工作

Question

我开始测试grunt watch插件（grunbt-contrib-watch）和grunt express服务器（grunt-express）组合的livereload能力。 我的目录在根目录中有一个gruntfile.js文件，所有npm模块都安装在npm_modules文件夹中，并且有一个名为“build”的文件夹，其中包含一个html文件。 使用npm安装的3个软件包：

1. 咕噜
2. 咕噜-的contrib手表
3. 咕噜快车

他们工作正常。 watch插件正在成功观看html文件并且服务器在localhost：3000上运行，唯一的问题是当我更改HTML文件时，express插件的livereload属性不起作用。我无法弄清楚为什么？

我的guntfile.js看起来像吼叫：

module.exports = function(grunt) {
grunt.initConfig({
    watch: {
        html: {
            files: ['build/*.html'],
            tasks: []
        }
    },
    express: {
        all: {
            options: {
                bases: 'build',
                livereload: true,
                open: 'http://localhost:3000'
            }
        }
    }
});
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-express');
grunt.registerTask('start', ['express','watch']);

};

Answer 1

on watch config add：

 options: {
          nospawn: true,
          atBegin: true,
        }

参考链接：http://thanpol.as/grunt/Grunt-with-express-server-and-Livereload/