如何在Gulp Browser Sync中为代理选项添加多个域?

时间:2017-06-07 07:33:40

标签: gulp browserify browser-sync livereload

这是我的代码

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'
  });
});

插件是否允许这样做?

1 个答案:

答案 0 :(得分:2)

我能想到的唯一方法是启动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'
     });
  });
});