ตัวย่อ JavaScript

เกี่ยวกับเครื่องมือนี้

ดังนั้น คุณมี JavaScript บางอย่างอยู่แล้ว บางทีอาจเป็นไลน์สั้นๆ หรือบางทีก็อาจเป็นเรื่องวุ่นวายก็ได้ ไม่ว่าอย่างไร คุณก็อยากให้มันเล็กลง เร็วขึ้น และใช้ทรัพยากรน้อยลงเมื่อเบราว์เซอร์ต้องประมวลผล นั่นคือจุดที่ JavaScript minifier เข้ามาช่วย ต้องยอมรับกันเถอะ—ไม่มีใครชอบเลื่อนดูโค้ดที่โตโต่เพื่อโหลดหน้าเว็บ Minifier จะลบส่วนที่ไม่จำเป็นออกไป: ช่องว่างเกินไป คอมเมนต์ การขึ้นบรรทัดใหม่ หรือแม้กระทั่งชื่อตัวแปรที่ยาว (ถ้าคุณอนุญาตให้ทำ) ผลลัพธ์คือเวอร์ชันที่บีบอัดของสคริปต์ของคุณซึ่งทำงานเหมือนเดิม แต่มีขนาดเล็กกว่า นี่ไม่ใช่เวทมนตร์ แต่เป็นการทำความสะอาดเท่านั้น แต่เมื่อทุกกิโลไบต์มีความสำคัญ—โดยเฉพาะบนอุปกรณ์มือถือหรือการเชื่อมต่อที่ช้า—ขั้นตอนเล็กนี้สามารถสร้างความแตกต่างที่สังเกตได้

คุณสมบัติหลัก

• การลบช่องว่าง – ลบช่องว่าง แท็บ และการขึ้นบรรทัดใหม่ที่ไม่จำเป็นออกไป
• การลบคอมเมนต์ – ลบบันทึกย่อและ TODO ของคุณออกไปเพื่อไม่ให้ไฟล์โตเกินไป
• การย่อชื่อตัวแปร – เปลี่ยน userProfileData เป็น a (ถ้าเปิดใช้งาน) ช่วยประหยัดไบต์ แต่ทำให้อ่านยากลง—ขึ้นอยู่กับคุณ
• การกำจัดโค้ดที่ไม่ใช้งาน – เครื่องมือบางอย่างสามารถตรวจจับฟังก์ชันที่ไม่ได้ใช้หรือบล็อกที่ไม่สามารถเข้าถึงได้แล้วตัดออกไป
• การแปลงแบบปลอดภัย – Minifier ที่ดีจะหลีกเลี่ยงการทำให้โค้ดพัง พวกมันรู้ว่าไม่ควรแตะสตริงหรือรูปแบบ regex
• การรองรับ source map – ช่วยให้คุณดีบักโค้ดต้นฉบับได้แม้หลังจาก minify ซึ่งเป็นข้อได้เปรียบอย่างมากสำหรับการพัฒนา
• การรองรับ CLI และการรวมเข้ากับเครื่องมือสร้าง – ทำงานร่วมกับเครื่องมือต่างๆ เช่น Webpack, Gulp หรือแค่คำสั่งง่ายๆ ในเทอร์มินัล

คำถามที่พบบ่อย

การ minify จะทำให้โค้ดของฉันพังไหม?
โดยทั่วไปไม่—ถ้าคุณใช้เครื่องมือที่เชื่อถือได้ เช่น Terser หรือ UglifyJS แต่ตัวเลือกที่รุนแรง (เช่น การเปลี่ยนชื่อตัวแปร) อาจก่อให้เกิดปัญหาถ้าคุณพึ่งพาชื่อคุณสมบัติแบบไดนามิกหรือสคริปต์ภายนอก ทดสอบผลลัพธ์ที่ minify แล้วเสมอ

ฉันควร minify ระหว่างพัฒนาไหม?
ไม่ คุณควรเก็บโค้ดให้อ่านง่ายขณะทำงาน Minify เฉพาะตอนใช้งานจริงเท่านั้น ใช้ source map เพื่อให้ยังคงดีบักได้เมื่อมีปัญหาเกิดขึ้น