source-maps-debugging

Source maps bridge the gap between your TypeScript source code and the compiled JavaScript that actually runs. They allow debuggers to show your original TypeScript code, set breakpoints in .ts files, and provide meaningful stack traces. Without source maps, you're debugging compiled JavaScript, which is frustrating and error-prone.

Proper source map configuration is essential for productive debugging of TypeScript applications.

Enable source maps in development for debugging. Consider separate source maps in production for error reporting while keeping bundle sizes small.

在瀏覽器中調試 TypeScript 時使用。設定建置工具時使用。當堆疊追蹤顯示已編譯的程式碼時使用。當斷點不起作用時使用。部署到生產時使用。 來源：marius-townhouse/effective-typescript-skills。