Vite ทำงานอย่างไร

run dev

เมื่อ run dev => vite จะ start server for development ซึ่งมีฟีเจอร์ต่างๆ ที่ใช้ในการพัฒนา เช่น

Feature	Description
Hot Module Replacement (HMR)	อัปเดตโค้ดโดยไม่ต้องรีเฟรชหน้าเว็บ
Source Maps	แมปโค้ดที่บีบอัดกลับไปยังโค้ดต้นฉบับ
Fast Refresh	อัปเดต UI โดยคงสถานะของคอมโพเนนต์
Environment Variables	เข้าถึงตัวแปรสภาพแวดล้อมในแอป
Type Checking	ตรวจสอบประเภทข้อมูล TypeScript
Dev Server	เซิร์ฟเวอร์พัฒนาที่รวดเร็วพร้อม live reload

run build

เมื่อ run build => vite จะ start server for production ซึ่งมีฟีเจอร์ต่างๆ ที่ใช้ในการพัฒนา เช่น

Feature	Description
Minification	บีบอัดและปรับโค้ดให้เหมาะสม
Tree Shaking	ลบโค้ดที่ไม่ได้ใช้งานออก
Code Splitting	แยกโค้ดเป็นชิ้นเล็กๆ เพื่อโหลดเร็วขึ้น
Environment Variables	เข้าถึงตัวแปรสภาพแวดล้อมในแอป
Type Checking	ตรวจสอบประเภทข้อมูล TypeScript
Production Optimization	ปรับแต่งโค้ดสำหรับการใช้งานจริง