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

Eri*_*yer 2 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"
]));
Run Code Online (Sandbox Code Playgroud)

更新

基于下面 @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();
    });
});
Run Code Online (Sandbox Code Playgroud)

Sve*_*ung 5

您可以使用browserSync.getOptions('urls')来获取所有访问 URL 的映射。它返回类似这样的内容:

Map { 
  "local": "http://localhost:3000", 
  "external": "http://192.168.0.125:3000", 
  "ui": "http://localhost:3001",  
  "ui-external": "http://192.168.0.125:3001" 
}
Run Code Online (Sandbox Code Playgroud)

请注意,只有 browser-sync成功初始化后才可用,因此您需要传递一个回调函数,browserSync.init()否则您将尝试过早获取该值。

gulp-shell出于同样的原因,您将无法使用。将在初始化之前shell.task()设置,因此尚不可用。 browser-syncbrowserSync.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);
});
Run Code Online (Sandbox Code Playgroud)