What is Vite?

Vite เป็นเครื่องมือ build สำหรับเว็บสมัยใหม่ที่:

• ทำงานเร็วมากด้วยการใช้ ES modules แบบ native
• มี development server ที่ start ในพริบตา
• รองรับ Hot Module Replacement (HMR) ที่เร็วมาก
• ออกแบบมาสำหรับ Vue.js แต่ทำงานกับ framework อื่นได้ดี

How Vite Works

Vite ใช้แนวคิดที่แตกต่างจากเครื่องมือ build แบบเดิม:

1. Development Mode: ใช้ ES modules ของ browser โดยตรง
2. Production Build: ใช้ Rollup สำหรับ optimize code
3. Pre-bundling: ลดเวลาในการ start development server

Why Use Vite

เหตุผลที่ควรใช้ Vite:

• ⚡️ Start development server ได้ในไม่กี่วินาที
• 🔥 Hot reload ที่เร็วมาก
• 🛠️ รองรับ TypeScript, JSX, CSS และอื่นๆ โดยไม่ต้อง config
• 🎯 ออกแบบมาสำหรับเว็บแอปสมัยใหม่

Vite vs Webpack

Feature	Vite	Webpack
Start Time	⚡️ Instant	🐢 Slow
HMR Speed	🔥 Fast	🐌 Slow
Config	Minimal	Complex
Build Tool	Rollup	Webpack