grunt-contrib-watch with livereload with vs without grunt-contrib-connect

Question

我是Node的新手，grunt，我同时使用grunt-contrib-watch和grunt-contrib-connect。

据我了解，使用livereload = true选项查看任务会重新执行目标的上述任务，并通过触发livereload服务器来重新刷新浏览器以提供重新加载的静态文件。

但是，如果浏览器重新加载和静态文件服务只发生在livereload = true选项的监视任务中，为什么我们需要再次为同一个作业执行grunt-contrib-connect。

• 请说明我们是否还需要连接任务来达到此目的，还是用于其他目的。
• 关于通过livereload = true观看实现目标，我是否理解正确。

感谢。

Answer 1

livereload中grunt-contrib-watch的操作负责触发websocket请求浏览器重新加载页面。它不是http服务器。我记得grunt-contrib-connect只是一个HTTP server。请记住grunt-contrib-watch在端口 35736 启动websocket服务器，因此添加脚本

<script src="//localhost:35729/livereload.js"></script>

在浏览器中触发实时重新加载。

希望这能澄清你的需求