vagrant - 如何使用 vagrant 与 gulp 浏览器同步？

Question

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

Answer 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