[조사 미션 수행] vite에 대한 조사

[sihyuuun]

Vite

• 매우 빠른 JS 번들러인 esbuild를 사용하는 build 도구이다.
• 번들링 작업 없이 Native ESM을 이용해 소스 코드를 제공한다.
  • ESM : 브라우저에서 별도의 도구 없이 자체적으로 소화해낼 수 있는 모듈 방식이다.

사용 방법

• vite 설치 (npm v7+)
  npm create vite@latest
npm create vite@latest my-vue-app -- --template vue
• vite 실행
  cd 프로젝트폴더
npm install
npm run dev

+) npm start와 npm run dev의 차이

• 프로젝트 폴더 안의 package.json 파일 열기

"scripts": {
    "start": "react-scripts start",

⇒ “scripts” 내에 start 명령어가 있다면
npm start를 사용한다.

"scripts": {
    "dev": "vite",

⇒ “scripts” 내에 dev 명령어가 있다면
npm run dev를 사용한다.