Vite 첫 인스톨

Vite 가 그렇게 좋다며?

나는 webpack 을 사용하는 개발 환경에서 개발하고 있다.
최근 유튜브를 보면서 Vite 라는 최신 번들러의 등장을 알게되었다.
webpack 보다 100배 빠르다고 하던데..
그렇게 좋은가?

설치

신기하게도 vite 로 프로젝트 생성시 자동으로 framework 와 javascript 환경까지 설정할 수 있다.

npm create vite

➜  vite-example npm create vite
npx: 1개의 패키지를 0.651초만에 설치했습니다.
✔ Project name: … vite-project
✔ Select a framework: › Lit
✔ Select a variant: › TypeScript

Scaffolding project in /<path_variable>/vite-example/vite-project...

Done. Now run:

  cd vite-project
  npm install
  npm run dev

npm 설치

package.json 이 존재하는 폴더로 이동하여 npm 을 설치한다.

npm i

실행

package.json 에 존재하는 실행 스크립트를 실행한다.

npm run dev

  VITE v3.1.6  ready in 758 ms

  ➜  Local:   http://127.0.0.1:5173/
  ➜  Network: use --host to expose

위의 URL 로 접속하니 정상적으로 출력됨을 확인하였다.

Mocking Data API 설치

npm install msw --save-dev

https://tech.kakao.com/2021/09/29/mocking-fe/