babel

  • @babel/cli , @babel/core , @babel/node..
    모든 브라우저가 es6,7를 이해하지 못하기 때문에 babel 같은 트랜스파일러를 이용해서 es5의 언어로 변환해야 한다.
    babel은 다양한 모듈들로 구성되어 있어서 다양한 모듈을 담는 일종의 상자 역할을 하며 코드를 컴파일 하기 위해서 작은 모듈들(ex.presets)을 사용한다.
  • babel-preset-env : babel에게 설정 정보를 전달해주기 위해 .babelrc 파일을 수정해야한다. 해당 파일을 수정하기 위해서 babel-preset-env 사용
  • babel-polyfill : ES6 환경을 제공해줌
    • Arrayy.from()은 ES6 syntax이므로 지원하지 않는 브라우저가 존재한다. 이처럼 ES6 -> 5로 transpile 되었지만 원래 자바스크립트에서 없는 함수 ?이기 때문에 모든 브라우저에서 동작하지 않는다. 이 문제를 해결하는 친구가 polyfill
  • babel-node : ES6로 작성한 노드 코드를 실행함

👍🏻 참고 자료: [Tool] (번역) Everything you need to know about BabelJS