เหตุผลที่ Replit เปลี่ยนจาก WebPack มาเป็น Vite

• Replit เป็นเครื่องมือ IDE ฟรีที่รองรับการพัฒนาร่วมกันบนเบราว์เซอร์

• ทดสอบด้วยการเขียนเทมเพลต Create-React-App (CRA) ใหม่ด้วย Vite

 → ก่อนที่ไฟล์บนพื้นฐาน CRA จะถูกสร้างและบูตเสร็จ Vite ก็รัน development server ได้แล้ว

• ข้อดีของ Vite

 → ใช้ esbuild ที่พัฒนาด้วย Go ซึ่งเร็วกว่า Webpack/Parcel 10~100 เท่า และใช้ ESM

 → ด้วย HMR (Hot Module Reloading) จึงนำเฉพาะโมดูลที่เปลี่ยนแปลงมาใช้และ re-render ได้อย่างรวดเร็ว ทำให้ทำ prototyping ได้เร็วมาก

[xguru]

ถ้าดูภาพรวมของ JS จะเห็นว่า Vite ดูเหมือนกำลังเปิดศึก(?) กับ Webpack ที่เป็นเจ้าตลาดเดิมอยู่ และบทความนี้ก็ดูจะสะท้อนภาพนั้นครับ

• State of JS 2020 [เกาหลี] https://th.news.hada.io/topic?id=3586

• 2020 JavaScript Rising Stars https://th.news.hada.io/topic?id=3587

• เปิดตัว Vite 2.0 https://th.news.hada.io/topic?id=3768

• เปิดตัว Webpack 5 https://th.news.hada.io/topic?id=3004