มีวิธีที่รวดเร็วในการเปลี่ยนจากโค้ด jsx ที่แสดงใน Chrome DevTools เป็น Raw ES5 และกลับมาอีกครั้งหรือไม่?
มีวิธีที่รวดเร็วในการเปลี่ยนจากโค้ด jsx ที่แสดงใน Chrome DevTools เป็น Raw ES5 และกลับมาอีกครั้งหรือไม่?
คำตอบ:
คุณสามารถดับเบิลคลิกหมายเลขบรรทัดเพื่อข้ามจากไฟล์ต้นฉบับไปยังไฟล์เอาต์พุตที่ไม่มีการปิดย่อ นอกเหนือจากนั้นดูเหมือนว่ามีข้อ จำกัด ดูความคิดเห็นด้านล่าง
ฉันพบว่าสิ่งนี้มีประโยชน์ในระหว่างการพัฒนา เมื่อใช้webpack-dev-server
(หรือเครื่องมืออื่น ๆ ) โดยไม่ย่อขนาด js คุณสามารถดับเบิลคลิกหมายเลขบรรทัดในไฟล์ต้นฉบับเพื่อข้ามไปยังไฟล์เอาต์พุตที่คอมไพล์แล้ว
ฉันเพิ่งค้นพบสิ่งนี้โดยบังเอิญและพบความคิดเห็นนี้ตั้งแต่วันที่ 21 ธันวาคม 2016: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7
คุณสามารถดับเบิลคลิกที่หมายเลขบรรทัดเพื่อข้ามไปยังไฟล์ต้นฉบับได้ แต่มันก็ไร้ประโยชน์หากไฟล์ที่ย่อขนาดได้ลบบรรทัดใหม่ทั้งหมด :(
การตัดคำจะทำให้งานนี้ดีขึ้น https://bugs.chromium.org/p/chromium/issues/detail?id=167287
ฉันคิดว่ามีการสนับสนุนบางอย่างสำหรับการดับเบิลคลิกที่ส่วนของไฟล์ที่ย่อขนาดเพื่อข้ามไปยังไฟล์ที่แมปต้นทาง แต่ดูเหมือนว่าจะถดถอยในช่วงปลายเดือน
ตามหลักการแล้วในไฟล์ที่ย่อขนาดพร้อมแผนที่ต้นทางการคลิกขวา (หรือดับเบิลคลิก) ที่ใดก็ได้ในไฟล์ที่ย่อขนาดควรอนุญาตให้ข้ามไปยังไฟล์บรรทัดและคอลัมน์ที่แน่นอน