gulp+babelでES5のコードに変換する

ES5の方が都合が良い場合があったので備忘録。

npm install gulp -g
npm init
npm install gulp --save-dev
npm install babel babel-core babel-preset-es2015 gulp-babel --save-dev
mkdir dist
mkdir src

.babelrcファイルを作成。

{
  "presets": ["es2015"]
}

gulpfile.babel.jsを作成。

'use strict';

const gulp = require('gulp');
const babel = require('gulp-babel');

gulp.task('js', () =>
  gulp.src('src/*.js')
    .pipe(babel({
      compact: false
    }))
    .pipe(gulp.dest('dist/'))
);

srcに.jsファイルを置いて

gulp js

これでdistにES5化されたdistファイルが生成する。

参考