React

React Build Tool - vite, craco

vite 선택 이유 : build 시간의 불편을 느끼지 상대 경로에 대한 불편은 아직 없음 Bundling node_modules 용량 큼 import require 문법은 브라우저 친화적이지 않음 vite $ npm create vite@latest yarn create vite Vite 시작 프로젝트의 성장에 따라 번들링 시간이 늘어남 Webpack의 빌드 속도는 느림 빠른 이유 esbuild 를 사용하여 종속성을 미리 Bundle - 브라우저가 요청할 때 소스 코드를 변환, 제공 조건부 동적으로 가져오기에 뒤에 있는 코드는 현재 화면에서 실제로 사용되는 경우에만 처리됩니다. craco yarn add @craco/craco craco 시작 craco.config.js 파일 하나로 상대 경로가 아닌 ..