Javascript Grunt自动重新加载有问题

我正在尝试在grunt文件中设置实时重新加载，但无法使其工作。我在我的

MAMP

应用程序的

htdocs/

目录下工作。根据我的研究，你必须在grunt watch的选项中使用你的端口，但即使尝试了这个，我也无法让我的浏览器实时重新加载。同样在我对这个主题的研究中，我发现我可能需要下载Chrome的扩展名“LiveReload”，所以我继续这样做了，但仍然没有自动重新加载。我在

localhost:8888/

+我正在编辑的站点目录下工作，因此对于我当前的项目

localhost:8888/haulzi

。我的观察任务如下，任何人都可以指出我做错了什么，这将是非常好的

  watch: {
less: {
  files: ['less/*.less'],
  tasks: ['less:production'],
  options:{
      livereload: 8888;
  }
},
uglify: {
  files: ['js/main.js'],
  tasks: ['uglify:production']
}
}

---

注意：我也尝试过

livereload:true

您在html中引用了

less

文件吗？另外，我认为您的livereload端口应该与web服务器不同。设置

livereload:true

应该在默认端口上启动监视程序。将livereload设置为true（默认端口），启动grunt任务，打开浏览器并单击chrome扩展。之后，您应该在开发工具中看到，存在一个连接。如果是这样，您的观察者需要一些配置