@babel/polyfill 공식 문서

Babel 7.4.0부터 core-js/stable, regenerator-runtime/runtime을 사용하기 위해서는 사용되지 않습니다.

위 말에서 알 수 있듯이 이전 버전에선 core-js/stable, regenerator-runtime/runtime 이것들을 포함하고 있다.

- Promise, Object.assign 등을 빌드하기 위해서 polyfill을 사용합니다.

Size

preset/env와 useBuiltIns를 같이 사용해야 하기때문에, 사이즈가 크다. 따라서 개별 옵션을 사용하는 것을 추천한다.

TC39 Proposals

Stag4가 아닌 다른 것들을 사용할 때, @babel/polyfill은 자동적으로 추가되지 않는다. 그러므로 core-js같은 다른 polyfill들을 따로 추가해줘야 한다.

Using in Node / Browserify Webpack

require : entry point의 top에 적어주어야 한다.

require("@babel/polyfill")

import : top의 entry point에 있는 polyfill이 먼저 로드되어야 한다.

import "@babel/polyfill"

webpack

@babel/preset-env와 함께 사용 시 :

- useBuiltIns : usage : .babelrc에 해당 옵션을 추가시 webpack.config.js에 @babel/polyfill을 포함하지 않기 때문에 설치해줘야 한다.

- useBuiltIns : entry : .babelrc에 해당 옵션 추가 시 require나 import를 통해 @babel/polyfill이 추가된다.

- useBuiltIns: false : webpack.config.js에 추가해줘야 한다.

Usage in Browser

<script> 태그를 사용해서 추가할 수 있다.