ES2015+で実装するためにBabelのpolyfillを利用する場面は多いと思いますが、Babel6.xまでと7.xではその導入方法が変わっているので注意が必要です。今回はBabel7.xでの用途別polyfillの設定方法と、キモとなるuseBuiltInsオプションの挙動についてまとめてみます(執筆時点でのBabelのバージョンは7.1.0です)。 なお、6.xまでの設定方法は「Babelの設定を見直すための逆引きガイド」にまとめてあります。polyfillのことだけでなく、Babelとは何か、どのように利用するのか、といったことも併せてまとめてありますので良ければご参考にどうぞ。 2019/06/21 追記 Babel7.4.0から @babel/polyfill が非推奨となっています。変更点や新しい設定方法は「Babel7.4で非推奨になったbabel/polyfillの代替
![Babel7.x時代のpolyfillの設定方法とuseBuiltInsの仕組み](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b6f6275219fd1bc26ec6842307c7297b49f3976/height=288;version=1;width=512/https%3A%2F%2Faloerina01.github.io%2Fassets%2Flogo_whitebg.png)