在 Gulp 3.9.1 中的管道之间传递变量

Question

使用 gulp 3.9.1

我正在尝试 return 一堆文件并执行需要在两个管道之间传递 var 的任务。

我正在使用节点 uuid 为每个文件路径创建一个 v3 UUID 最终每个页面都有一个uuid。我正在使用 gulp-print.
我想将该 uuid 值存储为 var。在我使用的下一个管道中 gulp-inject-string 在构建期间将其写入页面。

帮助：要么我需要帮助获取 gulp-inject-string 管道内的文件路径，要么我需要在两个不同的管道之间传递 var。如果我在 src 之外全局设置一个具有默认值的 var，它很容易传递到管道（注入）。

下面的超级简化代码：

// test code
var gulp = require('gulp');
var print = require('gulp-print');
var inject = require('gulp-inject-string');
var reload = browserSync.reload;

const uuidv3 = require('uuid/v3');
var uuid;

gulp.task('uuid', function() {

    return gulp.src('**/*.html'])

        // create uuid
        .pipe(print(function(filepath) {
            uuid = uuidv3(filepath, uuidv3.URL);
            return "compiled: " + filepath + ' uuid: ' + uuid;
        }))

        // need to to add UUIDv3 to each page
        .pipe(inject.before('</head>', '<meta name="dc.identifier" content="' + uuid + '">'))
        .pipe(gulp.dest('/prod/./'))

        .pipe(reload({ stream: true }));
});

值得注意的是，我需要一种跨平台的方式来获取从项目根目录开始并包括正斜杠的文件路径。 gulp(print) 从项目的根开始完美地做到了这一点，并忽略了该点上游的任何内容。路径的格式很重要，因为它是创建 uuid 的等式的一半，而 uuid 必须在 Mac 或 PC 平台上匹配。

示例：

/index.html  
/dir1/file.html  
/dir1/dir2/dir3/file.html

Answer 1

var gulp            = require('gulp');
var print           = require('gulp-print');
var inject          = require('gulp-inject-string');
const uuidv3        = require('uuid/v3');

var tap = require('gulp-tap');

// you can declare here
var uuid;

gulp.task('pages', function() {

    // or you can declare here
    var uuid;

return gulp.src('**/*.html')
    // bunch of stuff happens here involving templating/minifying
    // create uuid
    .pipe(print(function(filepath) { 

        // then set it here and use it further below
        // it will be available

        uuid = uuidv3(filepath, uuidv3.URL);

        return "compiled: " + filepath + ' uuid: ' + uuid;
    }))
    // need to to add UUIDv3 to each page
    //.pipe(inject.before('</head>', '<meta name="dc.identifier" content="' + uuid + '">\n'))

  .pipe(tap(function(file, t) {

    return t.through(inject.before('</head>', '<meta name="dc.identifier" content="' + uuid + '">\n');

   })

    .pipe(gulp.dest('/prod/./')) 
    .pipe(reload({stream:true}));    
});

您只是在更高的范围内创建一个变量，您可以稍后设置和引用。如果你需要一堆，创建一个以文件路径为索引的数组。但我会先尝试它作为一个简单的值。

Answer 2

我解决了这个问题。这是一个业余错误。我返回了设置 var 的语句，因此 var 基本上被杀死了。更新了允许变量通过管道的代码。

var gulp     = require('gulp');
var print    = require('gulp-print');
var replace  = require('gulp-replace');
const uuidv3 = require('uuid/v3');

var uuid;

gulp.task('build', function() {
    return gulp.src('**/*.html')
    // get a cross-platform filepath and create a uuid
    .pipe(print(function(filepath) {
        uuid = uuidv3(filepath, uuidv3.URL);
    }))
    // inject uuid
    .pipe(replace('dc.identifier" content=""', function() {
        return 'dc.identifier" content="' + uuid + '"';
    }))
    .pipe(gulp.dest('/prod/./'));
});

var uuid 现在可以很好地通过管道。此代码基于跨平台文件路径创建 UUID，并将其注入空的 dc.identifier 元标记。

在 Gulp 3.9.1 中的管道之间传递变量

Passing a variable between pipes in Gulp 3.9.1

uuid

pipe

node.js

gulp

gulp-print