webpackerでbabel-polyfillを有効化する

環境

react-rails(2.4.3)
webpacker(3.2.2)

事象

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

結論

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

application.js

import "babel-polyfill"

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

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

以上です。

参考

• webpacker/es6.md at master · rails/webpacker
• Webpacker 3ではじめるRailsエンジニアのためのモダンフロントエンド入門 〜Sprocketsを使わないRailsプロジェクト試案〜 | blog.tai2.net
• rails/webpacker: Use Webpack to manage app-like JavaScript modules in Rails
• reactjs/react-rails: Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.