번들링을 사용하지 않고 모듈들을 실행, 따라서 웹팩 등 보다 훨씬 더 빠르게 개발하고 배포할 수 있게 해줌
ESM(자바스크립트 네이티브 모듈)은 모듈화 문법인
import, export를 별도의 도구 없이 브라우저 자체에서 소화해 낼 수 있는 모듈 방식을 의미비트는 번들링을 하지 않고 ESM 방식을 사용하기 때문에 로컬 서버 구동 속도가 매우 빠르고, 비트의 프로덕션 빌드 결과물 역시 기본적으로 번들링은 하지 않고 로컬 개발 서버의 ESM 방식을 사용
- 빌드 커맨드를 사용해서 여러가지 옵션을 줄 수 있음
- rollup : 번들링도 할 수 있다
npm create vite@latest으로 프로젝트 생성
- 만들어진 프로젝트에
index.html파일이public디렉터리가 아닌 프로젝트의 루트에 위치함 ⇒ 추가적인 번들링 과정 없이index.html파일이 앱의 진입점이 되게끔 하기 위해 의도적으로 이렇게 위치시킨 것
- 경로 단축키 ⇒ vite.config에서 resove의 속성인 alias 값으로!
export default defineConfig({ plugins: [vue()], resolve: { alias: [ { find: '단축경로', replacement: '대상 경로' } ] } })
"compileOptions": { ... "baseUrl": "./", "paths": { "~/*": ["./src/*"] } }