如何使用 vagrant 和浏览器同步进行 gulp？答案

【问题标题】：How to use vagrant with browser sync for gulp?如何使用 vagrant 和浏览器同步进行 gulp？
【发布时间】：2014-07-28 17:08:40
【问题描述】：

我想知道是否有人正在使用与 vagrant 同步的浏览器，这可能吗？你如何配置它？我试图阅读网络上是否有任何内容，但我不清楚。是否有其他服务可以同时对所有设备使用 livereload ？

【问题讨论】：

quick.as/q0rs9jz，但没有提供太多信息。
gulp.task('browser-sync', function() { browserSync({ proxy: "mypage.lcl:8000/" }); });

标签： vagrant gulp

【解决方案1】：

如果您的 vagrant box 正在运行，您应该能够通过您选择的域访问您的网站。对于这个例子，假设你的网站是通过mysite.local加载的

在您的gulpfile.js 中，您需要设置一个代理，如下所示：

// gulpfile.js

gulp.task('browser-sync', function() {  
  browserSync.init(["path/to/your/css/*.css", "path/to/your/js/*.js"],

    // The magic line. Point the proxy to your local domain
    { proxy: "mysite.local" }
  );
});

如果 gulp 已经在运行，则重新启动它，您应该会在命令行中看到一个 IP 地址：

记下端口号（在本例中为:3000）

现在转到http://mysite.local:3000 -- 注意端口！您必须添加命令行中显示的端口。 BrowserSync 将连接！

注意：如果它不起作用，缓存可能是您的问题。尝试在 URL 的末尾添加一个随机查询字符串来解决缓存问题。示例：http://mysite.local:3000/?t=1

【讨论】：