web-dev-qa-db-ja.com

GulpでES2015コードを縮小(トランスパイルではない)

ES5にトランスパイルせずにES2015コードを縮小するにはどうすればよいですか?人気のgulp-minifyおよびgulp-uglifyモジュールは、ES2015コードを単純化するだけでは機能しません。

21
Leon Revill

コードをトランスパイルせずにES2015を縮小できるようになりました。 babel minify (以前のbabili)はそれを行うbabelプリセットです。

インストールするには:

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

Gulpで使用するには、次のようにします。

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'))
})
25

現在、es2015をgulpで縮小する唯一の方法は、gulp-babelを使用することです。これにより、ES2015が「従来の」Javascriptに変換され、gulp-uglifygulp-minifyが使用されます。

詳細: gulp-babel