시작하자 React

[Vite] 디렉터리 구조

써치킴 2024. 10. 30. 14:05
  • src : JavaScript 또는 TypeScript 코드 작성
  • public : 정적 파일과 리소스를 작성, 자동으로 만들어지지 않으므로 직접 작성
  • dist : 빌드 후 생성된 산출물이 저장되는 디렉터리
  • vite.config.ts : Vite 설정 파일, Vite가 어떻게 동작할지 정의 (빌드 경로, 플러그인 설정 등)
  • tsconfig.json : TypeScript 설정, TypeScript의 컴파일 옵션을 설정 ⇒ TypeScript 코드가 어떻게 JavsScript로 변환될지 정의
  • package.json : Node.js에서 ES 모듈을 사용할 수 있도록 설정