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

最新推荐文章于 2024-08-01 14:29:45 发布

胖鹅68

最新推荐文章于 2024-08-01 14:29:45 发布

阅读量1.1w

点赞数 13

分类专栏： webpack、 esline 、代码规范文章标签： webpack javascript 前端

本文链接：https://blog.csdn.net/hbiao68/article/details/123480769

版权

32 篇文章 2 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

一、文章参考

工作中，遇到了一个前同事开发的一个项目，打包之后已经发布了，但是，在使用后期发现需要修改源码，有些需求不满足，结果发现同事没有将代码提交到SVN ，导致找不到源码

于是在网上找到了 reverse-sourcemap 工具，可以将.js.map文件转为源码，然后基于反编译的文件再做修改

npm install --global reverse-sourcemap

单个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 目录下面

请添加图片描述

属性名	说明	默认值
-h, --help	Help and usage instructions
-V, --version	Version number
-v, --verbose	Verbose output, will print which file is currently being processed	输出路径
-o, --output-dir	String Output directory - default: .	默认是当前目录 .
-M, --match String	Regular expression for matching and filtering files - default: .map$	默认是 .map 类型的文件
-r, --recursive	Recursively search matching files	默认递归