babelでES6〜ES5をコンパイルするときにブラウザにポリフィルファイルが必要な理由

Question

babelがES6をES5に変換してES5ファイルを出力すると、アプリ出力ファイルに正確にES5コードが含まれているとブラウザでポリフィルファイルを含める必要がある？

Answer 1

BabelはES6（およびそれより新しい）コードをES5コードに変換します。たとえば、矢印機能（() => {}）をES5関数（function() {}）に書き換えます。しかし、ES6は新しい構文だけではありません。

https://babeljs.io：

バベルは唯一、あなたがそのような約束やString.padStartなどの新しいネイティブメソッド（左パッドのような新しいグローバルをサポートするために、バベル-ポリフィルを使用することができます構文（矢印関数のように）変換しているので）。それはコアjsと再生器を使用します。詳細はbabel-polyfillのドキュメントをご覧ください。

すべての新しい機能は、ポリフィルで実装する必要があります。これらのポリフィルは、プロジェクトにグローバルに含める必要があります。それ以外の場合、ES6関数のすべての使用は、ES5コードでのその関数の実装に置き換えられます。例えば、 Array#findIndexを10回実行すると、変換されたコードにも実装が10回含まれます。そのため、ポリフィルはグローバルに追加する必要があり、蒸散工程によって追加されるだけではありません。