- IDE에서 yarn3에서 관리하는 의존성을 알 수 있도록 알맞은 SDK를 설치해주세요.
- 프로젝트를 실행하기 위해 먼저
yarn install을 실행해주세요.
| script | 설명 |
|---|---|
yarn (dev|prod|stage|qa) |
각 환경으로 로컬 서버를 실행 |
yarn build:(dev|prod|stage|qa) |
각 환경으로 빌드 실행 |
yarn serve |
빌드 결과물을 로컬 서버로 띄움 |
yarn cz |
commitizen에 적합한 메세지 구성와 함께 git commit을 도와주는 스크립트 실행 |
- root 프로젝트에 env 디렉토리를 생성해주세요
- 생성한 env 디렉토리에 다음과 같이 각 환경에 쓰일 파일을 생성해주세요
.env.(dev|prod|stage|qa)
- vite 기반 프로젝트는 환경변수에
VITE_prefix가 필요합니다. - 프로젝트 내부에서는
import.meta.env.{환경변수 명}으로 접근 가능합니다. - 환경변수 타입 추론을 위해 추가되는 환경변수는
src/vite-env.d.ts의ImportMetaEnv인터페이스에 정의해주세요. - 자세한 내용은 vite 공식문서를 참고해주세요.
- husky와 commitlint를 통해 커밋 메세지가 commitizen에 적합한지 검사하도록 설정하였습니다.
- staged 상태의 변경된 파일들을 커밋하기 위해
yarn cz스크립트를 실행해주세요.
- vite 4 부터 ES2020(safari14)을 타겟으로 합니다. 이전 브라우저를 지원해야 하는 경우 @vitejs/plugin-legacy를 추가해야 합니다.