07月24, 2023

sourcemap 小记

Source Map(源映射)是一种文件格式,它提供了从压缩后的代码到原始未压缩的代码之间的映射关系。

Source Map

  • Source Map是将压缩代码还原成未压缩的状态。

  • Source Map一般用于开发环境,不用于生产环境。如果用于生产环境会暴露源代码。

  • vite2.9及以上,默认开发环境使用sourcemap。生产环境需要配置。

  • 单独通过sourcemap的map.js文件就能将源代码还原出来,不需要压缩代码。还原工具shuji(node包)

  • 浏览器不打开控制台,刷新页面并不会请求sourcemap文件。打开控制台,刷新页面会请求sourcemap文件,但是chrome默认在network中不显示sourcemap请求,可以通过whistle抓包工具查看。

  • whistle无法抓取localhost 域名的包。

  • build后的文件,每一个index.js,会生产index.map.js文件。

本文链接:https://imyoyo.xyz/post/sourcemap-note.html

-- EOF --

Comments