9
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

設定ファイルなしで es5 にトランスパイル

Last updated at Posted at 2018-06-15

背景

kintone の JavaScript カスタマイズ開発において、 IE11 に対応するために es6 (async / await も使用)で書いた JavaScript を es5 にトランスパイルする必要がありました。
このような場合、 webpack + babel を使用するのが現状では一般的かとは思います(実際プラグインを作成する際は webpack + babel の構成でトランスパイルしています)が、kintone の JavaScript カスタマイズでは、js ファイルを複数まとめることなく、一つだけしかファイルがないといったケースもあり、そのために webpack.config.js.babelrcを作成するのもどうかと思い、設定ファイルなしで es5 にトランスパイルする方法がないかと探しました。

設定ファイルなしで es5 にトランスパイルする方法

facebook/regenerator を使用します。
bash 環境があることと、 Node.js がインストールされていることが前提です。

インストール

$ npm install -g regenerator

トランスパイル

$ regenerator --include-runtime es6.js > es5.js

たったのこれだけです!

9
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?