为什么我必须将乙烯基源流与 gulp 一起使用？答案

【问题标题】：Why do I have to use vinyl-source-stream with gulp?为什么我必须将乙烯基源流与 gulp 一起使用？
【发布时间】：2023-03-23 19:11:01
【问题描述】：

我正在尝试使用 gulp 和 browserify 将我的 .jsx 文件转换为 .js 文件。

var gulp = require('gulp');
var browserify = require('browserify');
var reactify = require('reactify');

gulp.task('js', function () {
  browserify('public/javascripts/src/app.jsx')
    .transform(reactify)
    .bundle()
    .pipe(gulp.dest('public/javascripts/dist'))
});

```

上面抛出了Arguments to path.resolve must be strings。我设法通过使用vinyl-source-stream来解决它

var source = require('vinyl-source-stream');
...
.bundle()
.source('app.js')
...

为什么会这样？我对 nodejs 和 gulp 还很陌生。看了项目的README和源码，还是一头雾水。有什么帮助吗？

【问题讨论】：

标签： javascript node.js gulp browserify

【解决方案1】：

我认为阅读这篇文章gulp The vision, history, and future of the project可以帮助你理清一些概念。

基本上你可以说 vinyl-source-stream 将 readable stream you get from browserify 转换为 vinyl 流，这正是 gulp 期望得到的。

乙烯基流是一种虚拟文件格式，它是Gulp的基础。多亏了这个乙烯基流，Gulp 不需要在不同的转换之间编写临时文件。这是它优于 Grunt 的主要优势之一。

【讨论】：

【解决方案2】：

这个模块只是一个桥梁，它可以很容易地结合 gulp 使用传统的文本流。

【讨论】：