브라우저 API에 vinyl 객체가 필요합니까?

Question

일부 각도 파일을 브라우저 화하고 내 꿀꺽 꿀꺽한 작업에 통합하려고합니다. browserify 용 꿀꺽 꿀꺽 플러그인을 얻으려고 할 때 나는 이걸 보았습니다. https://github.com/gulpjs/plugins/issues/47

Browserify는 독립 실행 형 모듈로 사용해야합니다. 그것은 스트림을 반환하고 의존성 그래프를 계산합니다. 비닐 개체가 필요하면 browserify + vinyl-source-stream을 사용하십시오.

나는 비닐 물체가 무엇인지 몰랐으며 조금 읽은 후에 이것을 보았습니다.

비닐은 파일을 설명하는 매우 단순한 메타 데이터 개체입니다.

분명히 비닐 어댑터가 필요합니다. .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')); 

경우 사과 나는 단순히이 작업을 수행 할 수있을 때 내 browserify에 비닐 객체가 필요 왜 내가 이해하지 못하는 것은 추측 이것은 말이되지 않습니다. 나는 더 많은 설명이 필요하면 이것을 편집 할 것이다.

Answer 1

문자열을 './js/bundle.js'으로 파이프 할 수 없습니다.

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'));