ตัวสร้าง Vite Config
สร้าง vite.config.ts ออนไลน์ฟรี พรีเซ็ต React, Vue, Svelte พร้อม proxy, alias @, sourcemap และ minify คัดลอกใช้ได้ทันที ทำงานฝั่ง client ทั้งหมด
Loading tool...
ตัวสร้าง Vite Config คืออะไร?
ตัวสร้าง Vite Config ประกอบไฟล์ vite.config.ts พร้อมใช้ในเบราว์เซอร์ของคุณ เลือกเฟรมเวิร์ก React, Vue หรือ Svelte เพื่อใช้ plugin ที่ถูกต้อง ปรับ proxy ของ /api ไปยังแบ็กเอนด์ ผูก @ กับ /src และเลือก sourcemap กับ minify ได้ผลลัพธ์ TypeScript สด ๆ พร้อมคัดลอกหรือดาวน์โหลด
ประโยชน์หลัก
- เริ่มโปรเจกต์ Vite ใหม่โดยไม่ต้องเขียน boilerplate
- พรีเซ็ตเฟรมเวิร์กใช้ plugin ที่ถูกต้อง
- proxy API ตอนพัฒนาโดยไม่เจอปัญหา CORS
- ผลลัพธ์ TypeScript สด ๆ พร้อมคัดลอกและดาวน์โหลด
- เป็นส่วนตัวและทันที - ทุกอย่างทำงานในเบราว์เซอร์
กรณีการใช้งาน
- •เริ่มโปรเจกต์ React, Vue หรือ Svelte ใหม่อย่างรวดเร็ว
- •มาตรฐาน config Vite ทั่วทั้งทีม
- •เชื่อม proxy การพัฒนาไปยังแบ็กเอนด์ในเครื่อง
- •ตั้ง path alias เพื่อให้ import สะอาดขึ้น
วิธีสร้างไฟล์ Vite Config
- วาง config ที่ต้องการ: เลือกเฟรมเวิร์ก React, Vue หรือ Svelte เพื่อใช้ plugin ที่ถูกต้อง
- ตั้งค่า dev server: ตั้งพอร์ต เปิด proxy ของ /api ไปยังแบ็กเอนด์ และผูก @ กับ /src
- ตรวจผลลัพธ์: config TypeScript จะอัปเดตสดพร้อม plugin, proxy และตัวเลือก build
- คัดลอกลงโปรเจกต์: คัดลอกหรือดาวน์โหลด vite.config.ts ไปวางที่ root ของโปรเจกต์
คุณสมบัติหลัก
- พรีเซ็ต plugin สำหรับ React, Vue และ Svelte
- เลือกพอร์ต dev server พร้อมรองรับ proxy /api
- ตั้ง path alias สำหรับ import แบบ @
- ตัวเลือก sourcemap และ minify สำหรับ build
- ผลลัพธ์ TypeScript สด ๆ พร้อมคัดลอกและดาวน์โหลด
- ไม่ต้องอัปโหลด ไม่ต้องมีบัญชี ฝั่ง client ทั้งหมด