0

对不起我犯的错误,我不是英国人。

所以.. 首先,我有 Vagrant 机器,它是我的 Web 服务器,安装了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,并在通过 nfs 守护进程与 Vagrant 同步的 web 根目录中执行一些任务(查看 *.scss 文件并将它们转换为 css)。

我成功地完成了我的任务并通过浏览器(本地主机:8080)连接到我的网络根目录,一切正常。但是,当 Grunt 监视我的 scss 文件并完成将它们转换为单个 css 文件时,我不明白如何实现简单的重新加载浏览器页面。

有人可以用简单的英语给我一些想法吗?

4

2 回答 2

1

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

于 2014-01-16T18:41:10.310 回答
0

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

  1. 咕噜文件:

    watch: {
        scss: {
            files: '<%= path.webapp %>/**/*.scss',
            tasks: ['sass'],
            options: {
                livereload: true, //! important
            },
        },
    }
    
  2. livereload 插件添加到 chrome。关闭浏览器后!

  3. 在命令行中启动任务:grunt watch
  4. 启动浏览器。然后单击窗口顶部的 livereload 圆圈按钮。
  5. 瞧!有用。

重要提示:没有理由担心“远程”服务器的端口和地址,livereload 会神奇地检测需要重新启动页面的位置。对我来说同样适用于localhost :8080/webapp.com192.168.10.10/webapp.com

于 2014-01-17T11:06:06.467 回答