[{"data":1,"prerenderedAt":170},["ShallowReactive",2],{"term-s\u002Fsource-map":3,"related-s\u002Fsource-map":156},{"id":4,"title":5,"acronym":6,"body":7,"category":138,"description":139,"difficulty":140,"extension":141,"letter":142,"meta":143,"navigation":60,"path":144,"related":145,"seo":150,"sitemap":151,"stem":154,"subcategory":6,"__hash__":155},"terms\u002Fterms\u002Fs\u002Fsource-map.md","Source Map",null,{"type":8,"value":9,"toc":132},"minimark",[10,15,19,23,26,30,121,125,128],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Source maps are the translation files that let your browser's DevTools show you the original, readable source code even though the browser is actually running minified, bundled garbage. Without source maps, debugging production errors means deciphering code like 'function a(b){return b.c.d()}'. With source maps, you see your actual file and line numbers.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Source maps are files that map minified or transpiled code back to the original source. They are generated by bundlers and compilers and referenced via a comment at the end of compiled files (\u002F\u002F# sourceMappingURL=). Browser DevTools use source maps to display original source, set meaningful breakpoints, and show accurate stack traces.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F End of minified bundle.js\n\u002F\u002F# sourceMappingURL=bundle.js.map\n\n\u002F\u002F vite.config.js — control source map generation\nexport default {\n  build: {\n    sourcemap: true  \u002F\u002F 'hidden' for production (Sentry-only)\n  }\n}\n","javascript","",[38,39,40,49,55,62,68,82,94,109,115],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F End of minified bundle.js\n",[41,50,52],{"class":43,"line":51},2,[41,53,54],{"class":47},"\u002F\u002F# sourceMappingURL=bundle.js.map\n",[41,56,58],{"class":43,"line":57},3,[41,59,61],{"emptyLinePlaceholder":60},true,"\n",[41,63,65],{"class":43,"line":64},4,[41,66,67],{"class":47},"\u002F\u002F vite.config.js — control source map generation\n",[41,69,71,75,78],{"class":43,"line":70},5,[41,72,74],{"class":73},"s7zQu","export",[41,76,77],{"class":73}," default",[41,79,81],{"class":80},"sMK4o"," {\n",[41,83,85,89,92],{"class":43,"line":84},6,[41,86,88],{"class":87},"swJcz","  build",[41,90,91],{"class":80},":",[41,93,81],{"class":80},[41,95,97,100,102,106],{"class":43,"line":96},7,[41,98,99],{"class":87},"    sourcemap",[41,101,91],{"class":80},[41,103,105],{"class":104},"sfNiH"," true",[41,107,108],{"class":47},"  \u002F\u002F 'hidden' for production (Sentry-only)\n",[41,110,112],{"class":43,"line":111},8,[41,113,114],{"class":80},"  }\n",[41,116,118],{"class":43,"line":117},9,[41,119,120],{"class":80},"}\n",[11,122,124],{"id":123},"when-youll-hear-this","When You'll Hear This",[16,126,127],{},"Upload source maps to Sentry to get readable production error stacks.,Use sourcemap: 'hidden' in production to avoid exposing source code.,Without source maps, production errors show minified code line numbers.",[129,130,131],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":133},[134,135,136,137],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":123,"depth":51,"text":124},"frontend","Source maps are the translation files that let your browser's DevTools show you the original, readable source code even though the browser is actually runn...","intermediate","md","s",{},"\u002Fterms\u002Fs\u002Fsource-map",[146,147,148,149],"Minify","DevTools","Bundle","Bundler",{"title":5,"description":139},{"changefreq":152,"priority":153},"weekly",0.7,"terms\u002Fs\u002Fsource-map","cWUH39bZ9r4bzIcgvd0kckzx-F-LrXe8mlvERbUnysI",[157,161,164,167],{"title":148,"path":158,"acronym":6,"category":138,"difficulty":159,"description":160},"\u002Fterms\u002Fb\u002Fbundle","beginner","Imagine your code is a pile of LEGO instructions split across 50 tiny papers.",{"title":149,"path":162,"acronym":6,"category":138,"difficulty":159,"description":163},"\u002Fterms\u002Fb\u002Fbundler","A bundler is the robot that smashes all your separate JavaScript files, CSS, images, and random imports into one (or a few) neat packages that the browser...",{"title":147,"path":165,"acronym":6,"category":138,"difficulty":159,"description":166},"\u002Fterms\u002Fd\u002Fdevtools","DevTools is the built-in developer panel in every major browser (press F12 or right-click → Inspect).",{"title":146,"path":168,"acronym":6,"category":138,"difficulty":159,"description":169},"\u002Fterms\u002Fm\u002Fminify","Minification is when your code goes on a diet.",1776518314302]