| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
- CI/CD
- Three.js
- array
- promise
- version mismatch
- VR
- bootstrap
- vuex
- javscript
- WebVR
- 3d
- AR
- vue
- JS
- vuetify
- auth0
- package-lock.json
- PDO
- PHP
- npx
- A-Frame
- 상태관리
- WebXR
- Node
- EM6
- JavaScript
- web
- vue-template-compiler
- aframe
- Component
- Today
- Total
대가는 결과를 만든다
babel-polyfil 본문
Babel은 ES5 이상의 문법을 ES5 지원 브라우저에서 해석할 수 있도록 변환해주는 Transpiler.
하지만 ES5이상에서 새롭게 추가된 전역 객체들 Promise, Map, Set이나 String.padStart등 전역 객체에 추가된 메서드들은 트랜스파일링만으론 해결하기 어려워 core-js, regenerator-runtime과 같은 별도 polyfill 필요
Polyfill을 추가하는 방법은 두가지 : babel-polyfill을 사용하거나 babel-plugin-transform-runtime을 사용하는 방법
참고 : https://programmingsummaries.tistory.com/401
babel-polyfill 과 babel-plugin-transform-runtime 그리고 IE8
Babel Babel 은 ES2015+ 문법을 ES5 지원 브라우저에서 해석할 수 있도록 변환해주는 트랜스파일러이다. 하지만 새롭게 추가된 전역 객체들( Promise , Map , Set ..)과 String.padStart 등 전역 객체에 추가된 메..
programmingsummaries.tistory.com
* Babel은 컴파일-타임에 실행되고 babel-polyfill은 런-타임에 실행된다.
참고 : https://medium.com/@ljs0705/babel-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-a1d0e6bd021a
Babel 이해하기
react로 개발을 하고 있다면 거의 대부분 babel도 함께 사용하고 있을 것이다. create-react-app에도 기본으로 들어있고 기타 react 관련된 튜토리얼을 따라 하다 보면 자연스럽게 babel을 설치하게 된다. 굳이 react가…
medium.com
'개발 > Web관련' 카테고리의 다른 글
| URL 공유시 미리보기 이미지&내용 : Open Graph (4) | 2019.07.17 |
|---|---|
| React, Vue Comparison 비교 (0) | 2019.05.15 |
| JWT(JSON Web Token) (0) | 2019.03.25 |
| DOM event 종류 Docs 참고 (0) | 2019.01.28 |
| bootstrap (0) | 2019.01.23 |
