Bundle과 BundleTool 의 장점과 사용해보기
Bundle과 BundleTool
Turbopack, vite, rollup.js, webpack, parcel
번들 툴은 다양한 종류들이 존재한다.
이러한 번들은 다양한 js 파일들을 하나로 합쳐주는 역할을 한다.
이러한 번들툴을 이용해서 우리는 쉽게 배포가 가능하다
안쓰는 함수랑 변수를 제거해주기 때문에 용량축소도 가능하고
다양한 확장자명(.ts / .vue / .jsx) 으로 개발한 것을 .js으로 변환을 해준다.
또 최신 문법을 호환성 좋게 바꾸어주는 것
VITE 설치하기
터미널에서
npm create wite@latest를 입력해주고
설정을 해주어야하는데
기본 라이브러리 선택을 해주어야한다
나는 Vanila를 선택하고 variant를 JavaScript를 선택해서 입력해주면 설치가 완료된다.
터미널을 이용해서 Build 하기
Build란 번들링툴을 이용해서 js파일을 하나로 합치는 것을 말한다.
터미널에서 npm run build 라고 입력해주면 빌드가 쉽게 가능하다.