LoginSignup
22
18

More than 5 years have passed since last update.

hubotでbabel(es2015)する

Last updated at Posted at 2016-01-24

hubotのスクリプトもes2015で書きたくなったときに。

まずはbabelでes2015する準備。

npm i --save babel-core babel-preset-es2015

でbabelを入れて、.babelrc

.babelrc
{
    "presets": ["es2015"]
}

hubotの本体はbabelでラップされたものがあるのでそれも入れる。

npm i --save babel-hubot coffee-script

そして起動スクリプトのhubotコマンドを叩いている所をbabel-hubotを使うように修正。

node_modules/.bin/babel-hubot

これでscripts以下のファイルはes2015で書けるようになる。

ついでにnpm i --save babel-plugin-add-module-exportsを入れて.babelrc

.babelrc
{
    "presets": ["es2015"],
    "plugins": ["add-module-exports"]
}

とすればmodule.exports = function ...の代わりにexport default function ...のように書けます。

Promiseが使いたくなったらnpm i --save babel-polyfillを入れ、scripts以下に_init.jsの様な名前で

_init.js
// Description:
//   モジュールローダー等
'use babel'
import 'babel-polyfill'
export default function(){}

というファイルを作成する。
hubotはscripts以下のファイルを名前順に読み込むので、一番最初に読み込まれるファイルにポリフィルを書いておけば続くスクリプトファイルでPromiseが使えるようになる。

22
18
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
22
18