2016-11-09 5 views
4

일부 JS 클래스를 포함하고 싶습니다. 현재 gulp-uglifydiscussed here과 같이 지원되지 않습니다.꿀풀에있는 uglify-js-harmony에 입력을 연결하는 방법

나는 해냈다. .

이전의 대답에 충고하지만, 일반적으로 프런트 엔드 dev에 새로운 것으로

npm install uglify-js-harmony --save-dev

, 지금은 모르는 방법이를 통해 파이프 내 소스에 내가 gulp-uglify 때와 할 수있다.

나는 이와 같은 것을 가지고있다. .

var uglify = require('uglify-js-harmony'); 

// ... 

gulp.task('scripts', function(){ 
    return gulp.src(bower().concat(jsFiles))    
     .pipe(plumber()) 
     .pipe(concat('main.min.js')) 
     .pipe(uglify()) 
     .pipe(gulp.dest(dest + 'js')) 
     .pipe(reload({stream:true})) 
}); 

...하지만 [17:42:40] TypeError: uglify is not a function 말 보석금, 내가 진행 방법에 대한 손실에 있어요. 감사.

+1

uglify-js-harmony는 명령 줄에서만 사용해야하는 복잡한 도구처럼 보입니다. 나는 여기서 사용하기가 쉽지 않을 것이라고 생각한다. 아마도 바벨 대신에 파이프로 연결될 것입니다. –

+0

@AndyRay 제발 말해주세요 – learnvst

+0

https://www.npmjs.com/package/gulp-babel –

답변

-1

일반용 gulp-babelgulp-uglify을 함께 사용하는 것이 훨씬 쉽습니다. . 그런 다음

$ npm install --save-dev gulp-uglify gulp-babel babel-preset-es2015

. . .

var uglify = require('gulp-uglify'), 
    babel = require('gulp-babel'); 


// ... 

gulp.task('scripts', function(){ 
    return gulp.src(//... src stuff 
     .pipe(babel({ presets: ['es2015']})) 
     .pipe(uglify())) 
     //... other stuff 
}); 
+1

더 쉽습니다. 그렇지만 정규 uglify는 'for await','@decorators'와 같은 ES6 + 구문을 이해하지 못합니다. '등등. – kernel