ย่อขนาด JavaScript (Minify)
วาง JavaScript เพื่อรับไฟล์ที่เล็กลงซึ่งทำงานเหมือนเดิม พร้อมขนาดที่ลดได้ทั้งก่อนและหลัง gzip
ปิดผนึกไว้บนอุปกรณ์นี้
ทำงานในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดใด ๆ
ปิดผนึก
JavaScript ที่ย่อแล้ว
JavaScript ที่ย่อแล้วจะแสดงที่นี่ระหว่างที่คุณพิมพ์
แยกวิเคราะห์ JavaScript นี้ไม่ได้
วิธีใช้งาน
-
วางสคริปต์
วาง JavaScript หรือเปิดไฟล์ .js รองรับไวยากรณ์สมัยใหม่ รวมถึงคลาส ฟังก์ชัน async และ optional chaining
-
ปรับตัวเลือก
ใช้ค่าเริ่มต้นเพื่อผลลัพธ์ที่ปลอดภัยและเล็ก หรือลบการเรียก console ย่อชื่อระดับบนสุด และรันเพิ่มอีกหลายรอบ
-
คัดลอกผลลัพธ์
ดูจำนวนไบต์ที่ลดได้ แล้วคัดลอกโค้ดหรือดาวน์โหลดไฟล์ .min.js
คำถามที่พบบ่อย
โค้ดของฉันถูกอัปโหลดหรือไม่
ไม่ Terser ซึ่งเป็นตัวย่อโค้ดที่เครื่องมือ build ของ JavaScript ส่วนใหญ่ใช้ ทำงานในเบราว์เซอร์ของคุณ ซอร์สโค้ดของคุณไม่เคยออกจากอุปกรณ์
โค้ดที่ย่อแล้วจะทำงานเหมือนเดิมหรือไม่
เหมือนเดิม หากใช้ตัวเลือกเริ่มต้น โค้ดที่อาศัยชื่อฟังก์ชันขณะรัน เช่น เพื่อรายงานข้อผิดพลาด ควรเปิด “คงชื่อฟังก์ชันและคลาส” การรวมชื่อระดับบนสุดจะปลอดภัยก็ต่อเมื่อสคริปต์ไม่ได้ใช้ตัวแปร global ร่วมกับสคริปต์อื่น
“ไวยากรณ์ผลลัพธ์” เปลี่ยนอะไร
บอก Terser ว่าใช้ JavaScript เวอร์ชันใดได้เมื่อเขียนโค้ดของคุณใหม่ เช่น arrow function ใน ES2015 ขึ้นไป แต่ไม่ได้แปลงไวยากรณ์สมัยใหม่ลงเป็น ES5 หากต้องการ ให้ใช้ transpiler เช่น Babel
ทำไมต้องเปิด “ES module”
ไฟล์ที่ใช้ import หรือ export คือโมดูล การแจ้ง Terser ทำให้แยกวิเคราะห์ไฟล์ได้ ใช้ strict mode และย่อชื่อระดับบนสุดได้อย่างปลอดภัย เพราะตัวแปรของโมดูลไม่ใช่ตัวแปร global
สร้าง source map ด้วยหรือไม่
ไม่ เครื่องมือนี้มีไว้สำหรับย่อโค้ดอย่างรวดเร็ว สำหรับการ build ใช้งานจริงที่ต้องการ source map ให้ใช้ Terser ผ่าน bundler ของคุณ