akjfal

바벨에 추가된 코드를 재사용해서 코드 크기를 줄일 수 있는 플러그인이다. Installation 개발용을 설치해주자. npm install --save-dev @babel/plugin-transform-runtime pr용이 필요하다면 이것도 설치해주자. npm install --save @babel/runtime Why? Babel에서 사용되는 중복코드들이 @babel/plugin-transform-runtime 플러그인이 @babel/runtime 모듈을 참조해서 중복되지 않도록 처리해준다. Usage With a configuration file(추천) - 옵션은 기본 값이다. { "plugins": [ [ "@babel/plugin-transform-runtime", { "absoluteRunti..

더보기 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들을 ..

CLI를 통해서 바벨을 컴파일 할 때 사용한다. 설치 전역으로 설치하기 보다 로컬로 설치해줘야 한다. 1. 하나의 컴퓨터 안에서 각 프로젝트마다 바벨의 버전이 다를 수 있다. 2. 암시적 종속성이 없다면, 프로젝트 설정이 더 쉬워진다. 즉 각 프로젝트 설정의 난이도를 낮출 수 있다. npm install --save-dev @babel/core @babel/cli 더보기 Note: 설치하기 전에 package.json을 생성하세요. 이래야 npx로 제대로 작동합니다. 설치가 끝난 후 cli와 core를 반드시 추가해줘야 한다. 사용 더보기 Note: npx babel을 하기전에 cli와 core를 먼저 설치하지 않으면 오래된 버전의 babel을 설치 할 수 있다. npx를 사용하지 않는 다면 상대 경로 ..