2015-12-05 12 views
21

Wie kann man ES2015-Code minimieren, ohne ihn auf ES5 zu transponieren? Die populären Module gulp-minify und gulp-uglify funktionieren nicht mit einfachem ES2015-Code.Minify (nicht transpilieren) ES2015-Code mit Gulp

+0

Könnten Sie die akzeptierte Antwort auf [diese] ändern (http://stackoverflow.com/a/ 39169594/3853934)? –

Antwort

23

Es ist nun möglich ES2015 minify, ohne den Code transpiling. babel minify (früher babili) ist ein Babel-Preset, das das tut.

So installieren Sie tun:

npm install --save-dev babel-preset-minify 

es nutzen zu können, mit schluck Sie tun:

var gulp = require('gulp') 
var babel = require('gulp-babel') 
gulp.task('default',() => { 
    return gulp.src('src/app.js') 
    .pipe(babel({presets: ['minify']})) 
    .pipe(gulp.dest('dist')) 
}) 
+1

Sie müssen hinzufügen 'npm installieren babili --save-dev' zu Ihrer Antwort, so dass wir müssen nicht klicken – activedecay

+0

Ich musste auch tun 'npm installieren gulp-babel --save-dev' und ' var babel = erfordern ('gulp-babel'); ' , um dies zu machen arbeiten. :) – Abhi

+0

und 'babili' heißt jetzt' babel-minify' – x29a

0

Momentan ist die einzige Möglichkeit, ES2015 mit Schluck zu minimieren, die Verwendung von gulp-babel, die ES2015 in "traditionelles" Javascript umwandelt und dann gulp-uglify und verwendet.

Erfahren Sie mehr unter: gulp-babel

+0

Diese Antwort ist nicht mehr aktuell. Sehen Sie die Upvote Gewinner – activedecay

+0

Warum ablehnen? –

+0

@ nguyên, weil die Antwort jetzt veraltet ist. Neues ist unten Kommentar –