如何在 Gulp 浏览器同步中为代理选项添加多个域？

Question

这是我的代码

gulp.task('browser-sync', function() {
  browserSync.init({
    proxy: 'https://en-ae-upgrade.net-a-porter.com/',
    host: 'en-ae-upgrade.net-a-porter.com',
    open: 'external'
  });
});

域 en-ae-upgrade.net-a-porter.com.com 在我的本地计算机上，位于 443 SSL 端口上。但是我在多站点中拥有所有这些域：

en-ae-upgrade.net-a-porter.com
ar-ae-upgrade.net-a-porter.com
en-uk-upgrade.net-a-porter.com
ar-uk-upgrade.net-a-porter.com

还有更多，总共约 11 个。我尝试了几个数组，但没有任何效果：

gulp.task('browser-sync', function() {
  var list = [
    'en-ae-upgrade.net-a-porter.com',
    'en-ar-upgrade.net-a-porter.com'
  ],
  var sss_list = [
    'https://en-ae-upgrade.net-a-porter.com',
    'https://en-ar-upgrade.net-a-porter.com'
  ],
  browserSync.init({
    proxy: ssl_list,
    host: list,
    open: 'external'
  });
});

插件是否允许这样做？

Answer 1

我能想到的唯一方法是启动多个 browserSync 实例。它们将需要同步启动。

browserSync = require('browser-sync').create(),
browserSync2 = require('browser-sync').create(),

gulp.task('browser-sync', function() {
  browserSync.init({
    proxy: 'https://en-ae-upgrade.net-a-porter.com/',
    host: 'en-ae-upgrade.net-a-porter.com',
    open: 'external'
  }, function () {
      browserSync2.init({
        proxy: 'https://en-ar-upgrade.net-a-porter.com/',
        host: 'en-ar-upgrade.net-a-porter.com',
        open: 'external'
     });
  });
});

如何在 Gulp 浏览器同步中为代理选项添加多个域？

How can I add multiple domains in Gulp Browser Sync for proxy options?

gulp

browserify

browser-sync

livereload