明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
  博客园  :: 首页  :: 管理

reverse-sourcemap反编译webpack打包的.map类型文件

Posted on 2025-08-19 16:34  且行且思  阅读(210)  评论(0)    收藏  举报

本文介绍了如何在找不到原始源码的情况下,利用reverse-sourcemap工具将.js.map文件转换回源码,以便进行必要的代码修改。教程包括了安装步骤和两种常见操作案例:单个文件和批量文件的反编译。

一、问题描述
工作中,遇到了一个前同事开发的一个项目,打包之后已经发布了,但是,在使用后期发现需要修改源码,有些需求不满足,结果发现同事没有将代码提交到SVN ,导致找不到源码
于是在网上找到了 reverse-sourcemap 工具,可以将.js.map文件转为源码,然后基于反编译的文件再做修改

二、快速入门
1 安装

npm install --global reverse-sourcemap

 

2 案例

    单个sourceMap文件反编译
    reverse-sourcemap -o aaa -v app.9fbea7c7.js.map
    将 app.9fbea7c7.js.map 反编译到 aaa 目录下

    批量sourceMap反编译
    reverse-sourcemap -o origin -v ./static/js
    将 ./static/js目录下所有的 .js.map 类型的文件(递归)反编译到 origin 目录下面

wechat_2025-08-19_163253_128

 

wechat_2025-08-19_163349_097