Gulp browserify API需要乙烯基对象吗?

omqzjyyz  于 2022-12-08  发布在  Gulp
关注(0)|答案(1)|浏览(151)

我正在尝试浏览一些Angular 文件,并将它们集成到我的gulp任务中。当我试图获得gulp插件时,我遇到了这个https://github.com/gulpjs/plugins/issues/47
Browserify应该作为一个独立的模块使用。它返回一个流并计算出你的依赖关系图。如果你需要vinyl对象,使用browserify + vinyl-source-stream
我很惭愧地说,我不知道什么是乙烯基物体,阅读了一点后,我遇到了这个。
Vinyl是描述文件的一个非常简单的元数据对象。
显然你需要乙烯基适配器来暴露.src, .watch and .dest?所以,我猜vinyl-source-stream是那种适配器?我想我不明白的是,为什么我需要乙烯基对象在我的浏览器,当我可以简单地这样做:-

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

gulp.task('browserify', function(){
    browserify('./js/index.js')
    .bundle()
    .pipe(gulp.dest('./js/bundle.js'));

而不是必须这样做:-

var gulp = require('gulp'),
    source = require('vinyl-source-stream'),
    browserify = require('browserify');

gulp.task('browserify', function(){
    browserify('./js/index.js')
    .bundle()
    .pipe(source('./js/index.js')) //this line in particular
    .pipe(gulp.dest('./js/bundle.js'));

如果这不合理,请道歉。如果需要更多解释,我会编辑它。

fd3cxomn

fd3cxomn1#

不能只通过管道传输到字符串'./js/bundle.js',可以使用sourcebundle创建的新文件附加一个名称,然后通过管道将文件流传输到它的目标目录:

var gulp = require('gulp'),
    source = require('vinyl-source-stream'),
    browserify = require('browserify');

gulp.task('browserify', function(){
   return browserify('./js/index.js')
    .bundle()
    .pipe(source('bundle.js')) //this line in particular
    .pipe(gulp.dest('./js'));

相关问题