Gulp 및 Browserify는 항상 "dest.write is not function"오류를 내고 있습니다.

Question

내 Gulp 파일에서 Browserify를 사용하려고하는데, 어떻게 설정했는지 상관없이 항상 "dest .write는 함수가 아닙니다. "

나는 browserify() 라인에서 주석

gulp.task('scripts', function() 
{ 
    return gulp.src(['src/shared/js/one.js', 'src/shared/js/two.js', 'src/shared/js/*.js']) 
     .pipe(browserify() 
     .pipe(concat('main.js')) 
     .pipe(gulp.dest('dist/js')) 
     .pipe(browserSync.stream()); 
}); 

이 모든 것이 잘 작동 : 나는 원래 꿀꺽 - CONCAT를 사용하여이 작업을 시작했다.

var gulp = require('gulp'); 
var browserify = require('browserify'); 
var transform = require('vinyl-transform'); 
var uglify = require('gulp-uglify'); 

gulp.task('browserify', function() { 
    var browserified = transform(function(filename) { 
    var b = browserify(filename); 
    return b.bundle(); 
    }); 

    return gulp.src(['./src/*.js']) 
    .pipe(browserified) 
    .pipe(uglify()) 
    .pipe(gulp.dest('./dist')); 
}); 

내가 더 파고, 그리고 vinyl-transform 아무튼 읽어 보시기 바랍니다 : 오류 메시지에 대한 해결책 주변에 인터넷 검색을하는 동안, 나는 (here) "레이브이 솔루션에 대한 꿀꺽 워드 프로세서"를 말하는 누군가가 연결 this page 발견 쓰기 스트림이 없기 때문에 이러한 방식으로 Browserify를 사용하지 마십시오. 대신 선호되는 방법은 vinyl-source-stream을 사용하는 것이 었습니다. 지금 현재이 제안 된 솔루션을 사용하려고하지만, 여전히 오류를 받고 있어요 :

gulp.task('scripts', function() 
{ 
    return gulp.src(['src/shared/js/one.js', 'src/shared/js/two.js', 'src/shared/js/*.js']) 
     .pipe(browserify('src/shared/js/*.js', { 
      debug: true, 
      extensions: ['.js'] 
     })) 
     .bundle() 
     .pipe(source('main.js')) 
     .pipe(buffer()) 
     .pipe(gulp.dest('dist/js')) 
     .pipe(browserSync.stream()); 
}); 

는 다양한 방법으로 browserify() 참조 아무것도 변경되지 않은 미세 조정. 아무도 내가 뭘 잘못하고 있다고 말할 수 있습니까?

Answer 1

정확하게 동일한 상황에서 저에게 효과가있는 해결책은 다음과 같습니다. 나는 브라우저 변환으로 비닐 변환 작업을 만들려고 노력했지만, 성공하지 못 했으므로 비닐 소스 스트림과 비닐 버퍼 조합으로 되돌려 야했습니다. - 실종 닫는`)`첫 번째에 https://gist.github.com/stoikerty/cfa49330a9609f6f8d2d

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

gulp.task('browserify', function() { 
    var b = browserify({ 
    entries: './js/test.js', // Only need initial file, browserify finds the deps 
    debug: true  // Enable sourcemaps 
    }); 

    return b.bundle() 
    .pipe(source('./js/test.js')) // destination file for browserify, relative to gulp.dest 
    .pipe(buffer()) 
    .pipe(uglify()) 
    .pipe(gulp.dest('./dist')); 
});