자주 사용되는 Vite 공용 옵선 알아보기 #1

1. root

• type : string

  프로젝트의 root 즉, index.html이 위치하고 있는 디렉터리입니다. 상대경로, 절대경로 모두 사용할 수 있습니다

2. base

• type : string

  개발 또는 프로덕션 모드에서 사용되는 public base path입니다
  **URL Origin은 사용되지 않으므로 http://www.naver.com/search 와 같다면 /search가 public base path가 됩니다.

3. mode
   type: string
   기본값: serve 에서는 'development', build 에서는 'production'이지만 사용자가 변수를 지정하여 사용할 수도 있습니다.

4. define
   type: string
   전역 상수로 대체되는 값을 정의합니다. 정의된 내용들은 개발 중에는 전역으로 정의되나, 빌드 중에는 정적으로 대체됩니다.
   값 표현식은 JSON 직렬화할 수 있는 값(null, boolean, number, string, array, 또는 object) 또는 단일 식별자인 문자열이어야 합니다. 만약 문자열이 아니라면, Vite는 JSON.stringify를 통해 자동으로 문자열로 변환합니다.

export default defineConfig({
  define: {
    __APP_VERSION__: JSON.stringify('v1.0.0'),
    __API_URL__: 'window.__backend_api_url',
  },
})

5. plugins
   type: Plugin | Plugin[], Promise<Plugin | Plugin[]>

   프로젝트에서 사용할 플러그인의 목록입니다. 만약 잘못된 플러그인을 기입할 시 Vite에서 자동으로 무시합니다. 만약 Promise 객체가 반환된다면 프로젝트 실행전 데이터를 모두 가져온 뒤 실행합니다.

6. publicDir
   type : string | boolean
   default : "public"

   정적 에셋들을 제공하는 디렉터리 입니다. 이 디렉터리의 파일들은 개발 중에는 / 에서 제공되고 빌드 시에는 outDir의 루트로 복사되며, 변형 없이 언제나 있는 그대로 제공되거나 복사됩니다. 값은 절대 파일 시스템 경로 또는 프로젝트 루트의 상대적인 경로중 하나가 될 수 있습니다.
   publicDir를 false로 정의하면 이 기능이 비활성화됩니다.

7. cacheDir
   type : string
   default : "node_modules/.vite"
   캐시 파일을 저장하는 공간을 설정하는 옵션입니다. 이 파일들은 미리 번들된 의존 파일이거나 Vite에 의해 생성된 캐시 파일입니다. Vite는 이 캐싱파일을 통해 성능을 향상시키고 캐싱 파일을 다시 생성하기 위해 --force 옵션을 사용할 수 있습니다.