javascript - วิธีแสดงโค้ดที่ถูกแปลงใน VS Code เมื่อดีบักโค้ด TS ต้นฉบับ (ที่มี source map)?
เมื่อฉันกำลังดีบักใน VS Code และเห็นซอร์ส TS ดั้งเดิมของแอปที่ถูกทรานสไพล์ ฉันจะดูโค้ดที่ถูกทรานสไพล์ซึ่งกำลังถูกดีบักจริงได้อย่างไร?
ฉันถามเพราะฉันพยายามแก้ไขปัญหาที่เกี่ยวข้องกับการนำเข้า/ส่งออก/Webpack ซึ่งไม่ทำงานอย่างถูกต้องภายในบางการทดสอบของ Jest ฉันต้องการตั้งจุดหยุด (breakpoint) ในซอร์สโค้ดต้นฉบับ และในขณะที่ VS Code หยุดที่จุดหยุดนั้น ฉันต้องการดู (และถ้าเป็นไปได้ ให้ก้าวผ่านขั้นตอนเดียว) JS ที่ถูกแปลงแล้วสำหรับบรรทัดซอร์สโค้ดต้นฉบับถัดไป ต้องทำอย่างไร?
โดยอุดมคติฉันน่าจะสามารถดีบักโค้ดนั้นในตัวดีบักของ VS Code ได้ ฉันก็ยอมแค่ดูโค้ดที่ถูกแปลงแล้วก็ได้ แต่ฉันยังไม่แน่ใจด้วยซ้ำว่าโค้ดที่ถูกแปลงอยู่ที่ไหนบนดิสก์ มันไม่ใช่โค้ดของฉัน มันเป็นไลบรารี monorepo ที่เขียนด้วย TS พร้อมกระบวนการ build ที่ซับซ้อน ดังนั้นฉันจึงไม่รู้ว่าโค้ดที่ถูกแปลงอยู่ที่ไหน และเนื่องจาก Jest กำลังรันโค้ด ฉันก็ไม่แน่ใจด้วยซ้ำว่าโค้ดที่ถูกแปลงจะถูกบันทึกลงดิสก์หรือไม่!