2017-05-04 10 views
0

나는 정확히 here의 예를 다음과 내 자신의 버전을 사용하고 있습니다 :gulp - 브라우저 화를 사용하여 js 파일을 uglify 하시겠습니까?

gulp.task('build-js', function() { 
    var bundler = browserify('js/*.js'); 

    return bundler.pipe() 
     .pipe(source('bundle.min.js')) 
     .pipe(buffer()) 
     .pipe(sourcemaps.init()) 
     .pipe(uglify()) 
     .pipe(sourcemaps.write('./maps')) 
     .pipe(gulp.dest('dist')) 
     .pipe(livereload()); 
}); 

하지만이 오류가 왜 :

$ gulp 
[21:48:33] Using gulpfile /var/www/html/mysite/gulpfile.js 
[21:48:33] Starting 'apply-prod-environment'... 
Setting NODE_ENV to 'production' 
Successfully set NODE_ENV to production 
[21:48:33] Finished 'apply-prod-environment' after 169 μs 
[21:48:33] Starting 'build-js'... 
[21:48:33] 'build-js' errored after 11 ms 
[21:48:33] TypeError: bundler.pipe is not a function 

무엇 내가 놓친?

그것은 vinyl-buffer에 의해 제공되는 예를 보인다

답변

1

실수를 가지고 : 당신은 추가 변환하기 전에 bundle()를 호출해야하지 pipe() :

return bundler.bundle() 
    .pipe(source('bundle.min.js')) 
    .pipe(buffer()) 
    .pipe(sourcemaps.init()) 
    .pipe(uglify()) 
    .pipe(sourcemaps.write('./maps')) 
    .pipe(gulp.dest('dist')) 
    .pipe(livereload()); 

또 다른 예는 (하나 실제로 browserify API를 직접 사용해야 Gulp 저장소에 제공 Gulp에서).

+0

나는 그 사실을 알아 차렸다. – laukok

+1

나는 readme 파일에 대한 편집을 제안 할 것입니다. :) https://github.com/hughsk/vinyl-buffer/pull/6 –

+0

그렇게 해 주셔서 감사합니다! :-) – laukok