实时重新加载浏览器页面。 Grunt and Vagrant

对于我犯的错误感到抱歉，我不是英国人。实时重新加载浏览器页面。 Grunt and Vagrant

所以.. 首先，我有流浪该机具备的Yii，Ngnix，PHP等虚拟机的配置如下安装我的Web服务器：

private_network, 192.168.10.10 
forwarded_port, guest: 80, host: 8080 
synced_folder "www", "/srv/www", :nfs => true # !important

其次，我有咕噜这安装在我的本地机器上，并在通过nfs守护程序与Vagrant同步的web根目录中执行一些任务（watch * .scss文件并将其转换为css）。

我成功地完成了我的任务，并通过浏览器（localhost：8080）连接到我的web根目录，一切正常。但是，我不明白如何实现简单的重新加载浏览器页面，当Grunt监视我的scss文件并完成将它们转换为一个单一的CSS文件。

有人能给我一些简单的英语思想吗？

来源

2014-01-16 Timur Fayzrakhmanov

看看这个不知道这是否是同样的事情，但http://stackoverflow.com/questions/19382708/how-to-get-grunt-watch-live-reload-html-changes-under-different-build-tasks？rq = 1 – Jompper

谢谢，但它是另一回事.. –

你会想要添加一个浏览器插件到你的浏览器，然后看看通知它。底部的更多信息： http://24ways.org/2013/grunt-is-not-weird-and-hard/

来源

2014-01-16 18:41:10 acorncom

我'我试过了（livereload选项和grunt-contrib-watch），但不幸的是它不起作用（尽管如此，非常感谢你！好文章！ –

@TimurFayzrakhmanov猜测为什么它可能无法正常工作。主机或在你的流浪者机器上）阻止手表通知的通讯？ – acorncom

@TimurFayzrakhmanov是这可能是问题所在。 http://feedback.livereload.com/knowledgebase/articles/86280-if-you-edit-files-directly-on-your-server http://stackoverflow.com/questions/19268136/grunt-watch-livereload-fatal - 错误端口-35279-是，已经在使用按另一个进程内 – acorncom

我刚刚重新启动浏览器就解决了问题！这一点说明：

Gruntfile：

watch: { 
    scss: { 
     files: '<%= path.webapp %>/**/*.scss', 
     tasks: ['sass'], 
     options: { 
      livereload: true, //! important 
     }, 
    }, 
}

添加livereload plugin to the chrome。关闭浏览器后！
在命令行中启动任务：grunt watch
启动浏览器。然后点击窗口顶部的livereload circle按钮。
Voila！有用。

重要：没有理由担心端口，您的“远程”服务器的地址，livereload奇迹般地发现其中需要重新启动页面。是对我的作品为本地主机：8080/webapp.com和192.168.10.10/webapp.com相同

来源

2014-01-17 11:06:06

实时重新加载浏览器页面。 Grunt and Vagrant

回答

相关问题