2015-12-05 15 views
21

Jak zminimalizować kod ES2015 bez przeniesienia go na ES5? Popularne moduły gulp-minify i gulp-uglify nie działają po prostu po minięciu kodu ES2015.Minimalizuj (nie przesuwaj) kod ES2015 z Gulp

+0

można zmienić przyjętej odpowiedź [to] (http://stackoverflow.com/a/ 39169594/3853934)? –

Odpowiedz

23

Jest obecnie możliwe do minify ES2015 bez transpiling kod. babel minify (poprzednio babili) to ustawienie babel, które to robi.

Aby zainstalować zrobić:

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

go używać z łykiem zrobić:

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

musisz dodać 'npm install babili --save-dev' do swojej odpowiedzi, aby nie musimy klikać poza witryną – activedecay

+0

Musiałem też zrobić 'npm install gulp-babel --save-dev' i ' var babel = require ('gulp-babel'); ' aby to zrobić pracować. :) – Abhi

+0

i 'babili' jest teraz nazywany' babel-minify' – x29a

0

Obecnie jedynym sposobem na minify ES2015 z łykiem jest użycie gulp-babel który przekształci ES2015 na „tradycyjne” Javascript, a następnie użyć gulp-uglify i gulp-minify.

Dowiedz się więcej na stronie: gulp-babel

+0

ta odpowiedź nie jest już aktualna. zobacz zwycięzcę w przegrywaniu – activedecay

+0

dlaczego głosować w dół? –

+0

@ nguyên ', ponieważ odpowiedź jest teraz przestarzała. Nowy jest komentarz w dół –