2015-12-05 2 views
21

Как минимизировать код ES2015, не переставляя его на ES5? Популярные модули gulp-minify и gulp-uglify не работают с простое кодирование кода ES2015.Мини-код (не транслировать) Код ES2015 с Gulp

+0

Не могли бы вы изменить принятый ответ на [это] (http://stackoverflow.com/a/ 39169594/3853934)? –

ответ

23

Теперь можно Минимизировать ES2015 без transpiling кода. babel minify (ранее babili) - это предустановка Babel, которая делает это.

Для установки сделать:

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

Чтобы использовать его с глотком вы делаете:

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' к вашему ответу, чтобы нам не нужно нажимать на сайт – activedecay

+0

Я также должен был сделать 'npm install gulp-babel --save-dev' и ' var babel = require ('gulp-babel'); ' , чтобы сделать это работать. :) – Abhi

+0

и 'babili' теперь называется' babel-minify' – x29a

0

В настоящее время единственный способ Минимизировать ES2015 с глотком заключается в использовании gulp-babel, который превратит ES2015 в «традиционных» Javascript, а затем использовать gulp-uglify и gulp-minify.

Узнайте больше на сайте: gulp-babel

+0

этот ответ больше не является текущим. Посмотрите победителя – activedecay

+0

, почему голосуете? –

+0

@ nguyên, потому что ответ теперь устарел. New one is down comment –

 Смежные вопросы

  • Нет связанных вопросов^_^