컴파일과 빌드의 차이
빌드는 컴파일을 포함한 더 큰 범위의 작업임!
컴파일(Compile)
소스코드를 기계가 이해할 수 있는 코드(보통은 바이트코드 또는 실행파일)로 변환하는 작업입니다.
예: TypeScript → JavaScript, JSX → JS, SCSS → CSS 등
빌드(Build)
컴파일을 포함해서, 전체 프로젝트를 배포 가능한 형태로 만드는 일련의 작업 전체를 말합니다.
보통 빌드는 다음 작업들을 포함합니다:
- 컴파일
- 파일 번들링 (webpack 등)
- 코드 압축 (minification)
- 환경변수 주입
- 이미지 최적화
- 캐시 전략 설정 등
빌드 도구는 언제, 어디에 설치되는가?
- 보통 npm create-react-app 등 프로젝트 생성 시 자동 설치됨.
- 이 과정에서 webpack, vite, babel, esbuild 같은 빌드 도구들이 프로젝트의 devDependencies에 자동으로 설치됩니다.
프로젝트에 따라 사용하는 빌드 도구가 다릅니다.
- React 프로젝트: Vite, Webpack
- Next.js 프로젝트: Next.js 자체 빌드 도구 (Babel + SWC + Webpack)
- Vue 프로젝트: Vite, Vue CLI
- SvelteKit: Vite 기반 빌드 시스템
댓글