アプローチの 1 つである Polyfill による互換実装は、もうアップデートされない IE11 の対応や言語仕様を追従し続ける各ブラウザの実装差分をサポートするとても便利なアプローチなのですが、ブラウザに代わり自ら互換実装を行うため副作用が伴うこともあります。 副作用によって不具合が発生した場合、どのように互換実装をしているのかを理解していないと解決が困難な場合もあるので、 Babel の基本的な処理を追いつつ Polyfill について説明していきます。 なお、この記事の内容は以下のバージョンを元に記述しています。そのため Babel 7.4.0 で非推奨となった @babel/polyfill には触れません。 Babel 7.7.4 core-js 3.4.7 Babel の基本的な処理の流れ まずは Babel を利用した Polyfill による互換実装を簡単に追ってみましょ
![Babel が行っている Polyfill の仕組みについて](https://cdn-ak-scissors.b.st-hatena.com/image/square/801ec0af68bccbd0c5227e67b978fa619febfacf/height=288;version=1;width=512/https%3A%2F%2Fblog.recruit.co.jp%2Frls%2F2019-12-08-babel-approach%2Fimg%2Fbabel.png)