2015-12-05 11 views
21

ES2015 kodu ES5'e aktarılmadan nasıl küçültülür? Popüler gulp-minify ve gulp-uglify modülleri, yalnızca ES2015 kodunu minimize etmek için çalışmaz.Minify (dönüştürülmez) Gulp ile ES2015 kodu

+0

sen [bu] kabul cevap (http://stackoverflow.com/a/ değiştirmek Could:

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

yapmanız yudum ile kullanmak için 39169594/3853934)? –

cevap

23

:

Daha fazla bilgi edinin. babel minify (daha önce babili) bunu yapan bir babet ön ayardır. yüklemek için

yapın:

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

'npm install babili --save-dev' cevabınıza eklemeniz gerekir ki – activedecay

+0

site dışına çıkmak zorunda değiliz de 'npm install gulp-babel --save-dev' ve ' var babel = gereklilik ('gulp-babel'); ' bunu yapmak için çalışmak. :) – Abhi

+0

ve 'babili' şimdi' babel-minify' olarak adlandırıldı – x29a

0

Şu anda, ES2015'i gulp ile minimize etmenin tek yolu, ES2015'i "geleneksel" Javascript'e dönüştürecek ve gulp-uglify ve gulp-minify'u kullanacak olan gulp-babel'u kullanmaktır. Kod transpiling olmadan ES2015 küçültmek için artık mümkün gulp-babel

+0

Bu cevap artık geçerli değil. (Bu üyenin en son oyları ne kadar çoktan seçiliyse?) – activedecay

+0

oyu neden reddediyor? –

+0

@ nguyên 'yanıtı şimdi kullanımdan kaldırıldı. Yeni bir yorum aşağı –