DEV Community

kreuzerk
kreuzerk

Posted on • Originally published at blog.angularindepth.com on

1

Debug Angular apps in production without revealing source maps

Alternate approaches to handle source maps

When our app gets deployed to production we often encounter a different code than the one we edited during development. Our code get’s modified and optimized during the build process.

TypeScript gets transpiled, minified and uglifed. The resulting bundle is as small as possible and able to run in the Browser.

All those concepts are great because they improve the performance of our application. But we are looking at JavaScript that is hard to read and impedes debugging.

But there’s a solution. source maps!

Find out how you can enable source maps without revealing them!

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay