Question

我知道gulp需要一个乙烯基源流才能正常工作，但有没有一种简单的方法可以使用已经存在的乙烯基文件或json对象而不是众所周知的gulp.src只能使用globs？

Answer 1

经过多次研究，我没有找到任何解决该问题的好方法，所以我决定与你分享我的解决方案。

该问题分两步解决

1：您需要将想要管道的内容转换为乙烯基文件。这可以这样做

const Vinyl = require('vinyl');
var vinyl = new Vinyl();
vinyl.cwd = '/';
vinyl.base = '/';
vinyl.path = '/yourfictivefilepath';
vinyl.contents = new Buffer(JSON.stringify(yourobject));

有关该步骤的详细信息：https://github.com/gulpjs/vinyl

2：从您的黑胶唱片文件中创建一个流

我发现这些步骤可能是重复的，并且可能使代码的可读性降低，因此我决定将这些步骤封装在为您执行此操作的npm包中。

https://www.npmjs.com/package/gulp-to-stream

Answer 2

由于gulp使用乙烯基文件作为输入并且实际上uses某些属性（例如.base），因此创建乙烯基文件以使用gulp是不可避免的。所以我建议您通过此访问来实现目标：

'use strict';
const gulp = require('gulp');
const header = require('gulp-header');//https://www.npmjs.com/package/gulp-header

gulp.task('default', function () {
    gulp.src("a.json")//empty file
        .pipe(header(JSON.stringify({a:1,b:2})))//inject your own content
        .pipe(gulp.dest("dist/"))
});

创建一个空文件a.json并将其用作源文件。然后使用gulp-header注入您自己的内容，并随意使用它。

如果你想避免额外的文件（a.json），试试这个：

'use strict';
const gulp = require('gulp');
const transform = require('gulp-transform');
const rename = require("gulp-rename");

gulp.task('default', function () {
    return gulp.src("./gulpfile.js")
        .pipe(transform(() => JSON.stringify({a:1,b:2})))
        .pipe(rename("a.json"))
        .pipe(gulp.dest("dist/"))
});

如何使用对象列表作为gulp源流

2 个答案: