Question

抱歉我犯过的错误，我不是英国人。

所以.. 首先，我有Vagrant机器，它是我的网络服务器，安装了 Yii ，Ngnix，PHP等.vm配置如下：

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

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

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

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

Answer 1

您需要在浏览器中添加浏览器插件，然后让手表通知它。更多信息在底部： http://24ways.org/2013/grunt-is-not-weird-and-hard/

Answer 2

我只需重新启动浏览器即可解决问题！这是一个小指令：

Gruntfile：

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

添加livereload plugin to the chrome。关闭浏览器之后！
在命令行中启动任务：grunt watch
启动浏览器。然后单击窗口顶部的livereload圆形按钮。
瞧！它有效。

重要：没有理由担心“远程”服务器的端口和地址，livereload会神奇地检测需要重新启动页面的位置。是否适用于我 localhost：8080 / webapp.com 和 192.168.10.10/webapp.com 相同

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

2 个答案: