vite 처음시작하기

빌드도구

Vite

번들러는 여러 자원들을 모아서, 하나 혹은 최적의 소수 파일로 결합(번들링)합니다.

빌드 도구(Build tool)는 프로젝트 빌드 과정의 전체적인 흐름을 관리하기 위한 도구로, 보통 번들러를 기본 포함하고 개발 서버나 린팅, 테스트 등의 추가로 개발에 필요한 여러 도구를 가지고 있습니다.

@lastest 마지막버전

. 현재위치에

SWC : 최신문법을 하위호환되도록 변형..

$ npm create vite@latest .
  # > React 선택
  # > JavaScript + SWC 선택

# 의존성 패키지 설치
$ npm i
$ npm i -D sass

Vite 기본구조

├─src/
│  ├─App.jsx
│  ├─main.jsx
│  └─main.scss
├─public/
│  ├─favicon.ico
│  └─favicon.png
├─index.html
├─package.json
├─package-lock.json
└─vite.config.js

실행

package.js에 있는것 모두 설치

npm i
npm run dev

sass 사용하려면

npm i -D sass