@Babel/polyfill

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

•

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

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

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

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

require("@babel/polyfill")
Plain Text
복사

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

import "@babel/polyfill"
Plain Text
복사

@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