2016-11-09 3 views
4

JSを含むいくつかのクラスを醜くしたい。現時点でgulp-uglifyによってサポートされていないのは、discussed hereです。gulpの入力をuglify-js-harmonyにパイプする方法

私はしています。 。

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

前の回答に助言として、一般的には、フロントエンド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 'など。 – kernel

関連する問題