Gulpでbabelを使う方法

GulpでBabelを導入するためのメモ。

必要なモジュールをインストール

自前のpackage.jsonとかない場合、新しく作成します。

すでにある場合は、npm install してください。

$  npm init

色々質問されますが、あとで変更できるので全部Enter。

gulpをインストール

$  npm install gulp --save-dev

以下の手順で必要なモジュールをインストールしていきます。

$  npm install gulp-babel --save-dev

$  npm install babel-loader @babel/core @babel/preset-env --save-dev

プロジェクトのディレクトリ内に.babelrcというファイルを作ります。

そのファイルに以下のように記述します。

{
  "presets": ["@babel/preset-env"]
}