javascript - ความแตกต่างระหว่าง "vite" และ "vite preview" คืออะไร?
ฉันสร้างเทมเพลตโปรเจกต์โดยใช้ Vite
ภายใต้ไฟล์ package.json ฉันเห็นสิ่งนี้:
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview"
},
ความแตกต่างระหว่าง vite และ vite preview คืออะไร? ควรใช้ vite แทน vite preview เมื่อใด?
คำตอบ #1
npm run dev (หรือ vite) จะเริ่มเซิร์ฟเวอร์เว็บบนเครื่องท้องถิ่นพร้อมการแทนที่โมดูลแบบร้อนสำหรับการพัฒนา และจะเปลี่ยนแปลงโดยอัตโนมัติเมื่อโค้ดมีการเปลี่ยนแปลง
npm run build (หรือ vite build) จะสร้างโปรเจกต์ และส่งออกไปยังโฟลเดอร์ ./dist
npm run preview (หรือ vite preview) จะเริ่มเซิร์ฟเวอร์เว็บท้องถิ่นที่ให้บริการโซลูชันที่สร้างแล้วจาก ./dist เพื่อการพรีวิว
ระวัง
คุณจำเป็นต้องรัน
buildก่อนpreviewPreviewจะพรีวิวการสร้างล่าสุดเสมอ และจะไม่อัปเดตโดยอัตโนมัติเมื่อโค้ดมีการเปลี่ยนแปลง
คำตอบ #2
ตามเอกสารของ Vite เอง:
vite#เริ่มเซิร์ฟเวอร์ Vite dev ในไดเร็กทอรีปัจจุบัน จะเข้าสู่โหมดดูการเปลี่ยนแปลงในสภาพแวดล้อมการพัฒนาและโหมดรันใน CI โดยอัตโนมัติ
...
vite preview#ดูตัวอย่างการสร้างเวอร์ชันจริงในเครื่อง
ในคำพูดสั้น ๆ, vite ใช้สำหรับรันเซิร์ฟเวอร์พัฒนาในคอมพิวเตอร์ของคุณ, ขณะที่ vite preview ใช้สำหรับรันแอปที่ถูกสร้างแล้วเป็นตัวอย่างของการสร้างในโปรดักชัน.