Vite Document - dev-team-projects/DeliTalk GitHub Wiki
์์ฑ์ : ์์ฑ์ค, ์ ํ์, ์ด์ค์
Vite
ํ๋ก์ ํธ ๋น๋ ๋๊ตฌ - Vite
-
Vite๋ ์ฐจ์ธ๋ ํ๋ก ํธ์๋ ๋ฒ๋ค๋ฌ ๋ฐ ๊ฐ๋ฐ ์๋ฒ์ ๋๋ค.
-
๋น ๋ฅธ ๊ฐ๋ฐ ํ๊ฒฝ ๊ตฌ์ถ๊ณผ ๋น๋ ์๋๋ฅผ ์ ๊ณตํ๋ ๋๊ตฌ์ ๋๋ค.
-
๊ธฐ์กด ๋ฒ๋ค๋ฌ์ธ Webpack, Parcel ๋ฑ๊ณผ ๋น๊ตํ์ฌ ๋ ๋น ๋ฅด๊ณ ๊ฐ๋ณ๊ฒ ํ๋ก์ ํธ๋ฅผ ๊ตฌ์ฑํ ์ ์๋๋ก ์ค๊ณํฉ๋๋ค.
Vite์ ํน์ง
- ๋น ๋ฅธ ์๋ฒ ์์ ์๋
- esbuild ๊ธฐ๋ฐ์ ํ๋ฆฌ๋ฒ๋ค๋ง์ ์ฌ์ฉํ์ฌ ์๋ฒ๊ฐ
์ฆ์ ์คํ
ํฉ๋๋ค. - ํ์ผ์ ํ๋๋ก ํฉ์น์ง ์๊ณ ๋ธ๋ผ์ฐ์ ์ native ES ๋ชจ๋(import/export)์ ํ์ฉํฉ๋๋ค.
- esbuild ๊ธฐ๋ฐ์ ํ๋ฆฌ๋ฒ๋ค๋ง์ ์ฌ์ฉํ์ฌ ์๋ฒ๊ฐ
- ๋น ๋ฅธ
HMR
(Hot Module Replacement)- ์ฝ๋ ๋ณ๊ฒฝ ์ ์ ์ฒด๊ฐ ์๋
๋ณ๊ฒฝ๋ ๋ถ๋ถ๋ง ๊ฐฑ์ ํ์ฌ ๋น ๋ฅด๊ฒ ๋ฐ์
ํฉ๋๋ค. - ์นํฉ๋ณด๋ค ํจ์ฌ ๋น ๋ฅธ ํผ๋๋ฐฑ ์ฌ์ดํด ์ ๊ณตํฉ๋๋ค.
- ์ฝ๋ ๋ณ๊ฒฝ ์ ์ ์ฒด๊ฐ ์๋
- ๊ฐํธํ ์ค์ ๋ฐ ํ
ํ๋ฆฟ ์ ๊ณต
- React, Vue, Svelte ๋ฑ
๋ค์ํ ํ ํ๋ฆฟ์ ๋ช ๋ น์ด ํ ์ค๋ก ์์ฑ ๊ฐ๋ฅ
ํฉ๋๋ค. ๊ฐ๋จํ ํ์ผ ์ค์
- React, Vue, Svelte ๋ฑ
์ ํ ์ด์
ํ ํ๋ก์ ํธ๋ฅผ ํตํด ํ์ ๊ณผ ๊ธฐ๋ฅ ๊ฐ๋ฐ์ ๋ค์ํ ๊ฒฝํ์ด ๋ชฉ์
- ๋ณต์กํ ์ค์ ์์ด ํ๋ก์ ํธ๋ฅผ ์งํํ๊ธฐ ์ํด์ ์ ํ
- Vite๋ก ํ๋ก์ ํธ๋ฅผ ์ค์ ํ ์ ๋น ๋ฅด๊ณ ๊ฐ๋ฒผ์์ ์ ํ
- CRA์ ๋นํด ์ค์น ์๊ฐ ๋ฐ ์คํ ์๊ฐ์ด ๋นจ๋ผ์ ์ ํ