如何使用浏览器同步的流浪汉gulp？

Question

我想知道是否有人使用与流浪汉进行浏览器同步，这是可行的吗？ 你是如何配置的？我试着读一下网上是否有什么东西，但对我来说并不清楚。还有其他服务可以同时对所有设备使用livereload吗？

Answer 1

如果您的流浪盒正在运行，您应该可以通过您选择的域访问您的网站。对于此示例，我们假设您的网站是通过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