以编程方式在Gulp文件中获取BrowserSync外部URL,以便将其传递给外部节点脚本?

时间:2016-12-01 16:44:21

标签: node.js gulp browser-sync

我希望能够将browserSync外部URL作为gulp文件中外部节点脚本的参数发送。如何通过browserSync对象(或其他方式)获取该外部URL?

var gulp = require('gulp');
var shell = require('gulp-shell');
var browserSync = require('browser-sync').create();

gulp.task('default', ['browser-sync', 'config']);

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "localhost:8024",
        open: "external"
    });
});

gulp.task('config', shell.task([
    "node scripts/someNodeScript.js browserSync.externalURL"
]));

更新

根据@ sven-shoenung的优秀答案,我稍微调整了他的解决方案并成功使用了这个:

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var spawn = require('child_process').spawn;

var externalUrl;

var browserSyncDone = function () {
    spawn('node', ['scripts/someNodeScript.js', externalUrl], {stdio:'inherit'});
};

gulp.task('default', ['browser-sync']);

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "localhost:8024",
        open: "external"
    }, function() {
        externalUrl = browserSync.getOption('urls').get('external');
        browserSyncDone();
    });
});

1 个答案:

答案 0 :(得分:3)

您可以使用browserSync.getOptions('urls')获取Map所有访问网址。它返回如下内容:

Map { 
  "local": "http://localhost:3000", 
  "external": "http://192.168.0.125:3000", 
  "ui": "http://localhost:3001",  
  "ui-external": "http://192.168.0.125:3001" 
}

请注意,只有在成功初始化 browser-sync后才能,因此您需要将回调函数传递给browserSync.init(),否则您将尝试获取值太快了。

由于同样的原因,您无法使用gulp-shellshell.task()将在 browser-sync初始化之前设置,因此browserSync.getOptions('urls')尚未提供。

我建议你改用标准nodejs child_process.spawn()

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var spawn = require('child_process').spawn;

var externalUrl;

gulp.task('default', ['browser-sync', 'config']);

gulp.task('browser-sync', function(done) {
  browserSync.init({
    proxy: "localhost:8024",
    open: "external"
  }, function() {
    externalUrl = browserSync.getOption('urls').get('external');
    done();
  });
});

gulp.task('config', ['browser-sync'], function(done) {
  spawn('node', ['scripts/someNodeScript.js', externalUrl], {stdio:'inherit'}).on('close', done);
});