webpackerでbabel-polyfillを有効化する

1830 ワード
babel webpacker webpack react-rails webpack テキストリンク

環境

react-rails(2.4.3)
webpacker(3.2.2)

事象

webpacker + react-rails を使っていたのですが、古いAndroid系ブラウザで動いてなかったので調査しました。

結論

webpackerにはbabel-polyfillがデフォルトで含まれていますが、
それを利用するためにはエントリーポイントに以下の一行を追加する必要があります。

application.js
import "babel-polyfill"

あとはビルドし直せばOKです。

webpackerでは最初からbabelが組み込まれており、特に意識することなく利用できますが、、、
それゆえにハマりポイントも多いですね

以上です。

参考