Node.js 如何配置Grunt serve/livereload以组合胡须模板

我正在使用模板开发一个静态网站<代码>咕噜服务与插件配合得很好

对于重复元素，我开始使用partials，它的效果非常好。现在我希望自动重新加载来组装我的页面，这样我可以在编辑一个小胡子文件（主文件或部分文件）时查看结果页面

我找到了一个呼噜声，但是把它缝在一起我却找不到。我的配置如下所示：

grunt.initConfig({
  sass: {
    dev: {
      src: ['src/sass/*.sass'],
      dest: 'dest/css/index.css',
    },
  },
  watch: {
    sass: {
      // We watch and compile sass files as normal but don't live     reload here
      files: ['src/sass/*.sass'],
      tasks: ['sass']
    },
    mustache: {
    files: '**/*.mustache',
    tasks: ['mustache_render'],
    options: {
      interrupt: true
        },
    },  
    livereload: {
      options: { livereload: true },
      files: ['dest/**/*']
    }
  },
  mustache_render: {
    options: {
      {data: 'common-data.json'}
    },
    your_target: {
      files: [
        {expand: true,
        template: '**/*.mustache',
        dest: 'dest/'}
       ]
    }
  }
});

---

我一定是遗漏了什么，因为html文件在我保存文件时没有更新

您可以将

livereload

选项直接添加到您的胡须目标选项中

grunt.initConfig({
  watch: {
    mustache: {
    files: '**/*.mustache',
    tasks: ['mustache_render'],
    options: {
      interrupt: true,
      livereload: true
      },
    }
  },
  mustache_render: {
    options: {
      {data: 'common-data.json'}
    },
    main: {
      files: [
        {expand: true,
        template: '**/*.mustache',
        dest: 'dest/'}
       ]
    }
  }
});

此外，如果您正在使用

grunt contrib connect

为您的文件提供服务，请不要忘记将

livereload

选项添加到其中：

connect: {
    http: {
      options: {
        hostname: "*",
        port: process.env.PORT || 80,
        livereload: true
      }
    }
  }

---

你为什么不直接把

livereload:true

添加到你的胡子手表目标选项中呢？啊哈，不知道你能做到。添加建议作为答案，以便我可以接受答案