https://plumephp.com/tags/%E6%9E%84%E5%BB%BA%E4%BA%A7%E7%89%A9/Recent content in 构建产物 on PlumePHPHugozh-CNMon, 28 Sep 2026 11:00:00 +0800https://plumephp.com/vite-sourcemap-deep-dive/Mon, 28 Sep 2026 11:00:00 +0800https://plumephp.com/vite-sourcemap-deep-dive/<h2 id="引言">引言</h2> <p>压缩后的生产 JS 一行几千字符，报错堆栈却是 <code>main.abc123.js:1:12345</code>——没有 source map 这行错误毫无意义。<strong>Source Map</strong> 把「压缩后的位置」映射回「源码的位置」，是调试与线上可观测性的基石。它不复杂，但总被误解：为什么有 <code>//# sourceMappingURL</code>？<code>mappings</code> 里的乱码是什么？<code>hidden</code> 模式有什么用？上线到底该不该带上 source map？本文将把 source map 从字节级原理到工程策略讲透。</p>