實時重新加載瀏覽器頁面。 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

回答

相關問題