2017-08-06 81 views
0

我正在使用gulp醜化我的文件,並且對於較老的Javascript來說工作正常。如何使用uglify-es和gulp?

目前已是一個關於如何醜化問題的ES6的JavaScript文件:how to uglify javascript classes?

那是因爲我的代碼不能正常工作(類ES5或水木清華):

gulp.task('handleJs',() => { 
    gulp.src('src/frontend/xy/js/file.js') 
    .pipe(uglify()); 
} 

答案沒有按由於uglify-js-harmony已被棄用(https://www.npmjs.com/package/uglify-js-harmony),因此它似乎不再是最新的。

它說,我應該使用uglify-es(不是-js),但我沒有找到解決方案,如何使用它與吞嚥?我真的需要哪些npm包?代碼的外觀如何?

回答

3

這被記錄在README的gulp-uglify程度。爲了清楚起見,我稍微修改了那裏的示例以匹配您的代碼段。

您需要NPM安裝pumpgulp-uglify,並uglify-es包第一(與你的項目需要任何其他軟件包一起然後,您可以設置類似如下的任務,一飲而盡。

var uglifyjs = require('uglify-es'); 
var composer = require('gulp-uglify/composer'); 
var pump = require('pump'); 

var minify = composer(uglifyjs, console); 

gulp.task('handleJs', function (cb) { 
    var options = {}; 

    pump([ 
     gulp.src('src/frontend/xy/js/file.js'), 
     minify(options), 
     gulp.dest('dist') 
    ], 
    cb 
); 
});