![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bfZKAl/btqxjAbJ3S1/tBkm7QLxD8n4iFenheY75k/img.png)
babel은 기본적으로 es6(ecma2015) 문법으로 작성한 코드를 es5 환경에서 동작할 수 있도록 문법적인 변환을 해주지만 es5에 존재하지 않는 es6의 메서드나 생성자들까지 지원해주지는 않는다. 그래서 es5로 동작하는 하위 브라우저를 지원하는 서비스를 개발할 때에는 폴리필을 추가하여 개발 편의성을 향상시킬 수 있다. 폴리필을 추가하는 방법은 다양한데 대표적인 몇가지 방법을 소개한다. 전역에 폴리필 추가하기 (전역 오염 O) babel 7.4.0 이후부터 @babel/polyfill이 deprecated 되고 core-js와 regenerator-runtime을 직접 사용하는 방식을 제안하고 있다. 아래처럼 2개의 스크립트를 불러오면 전역 스코프에 폴리필이 추가되어 IE 하위 브라우저에서도 P..
dev
2019. 8. 8. 13:27
글 보관함
TAG
- babel-polyfill
- corejs
- webpack bundle analyzer
- @babel/plugin-transform-runtime
- @babel/polyfill
- babel polyfill
- JavaScript
- bundle analyzer
- webpack-bundle-analyzer
- OOP
- 객체지향
- babel/plugin-transform-runtime
- polyfill
- frontend
- Analyzer
- 구조설계
- @babel/preset-env
- webpack
- 개발
- 프로그래밍
- fe
- babel
최근에 올라온 글
최근에 달린 댓글