不懂就问, vue 项目有 source map 如何获取并且反编译源码

2021-01-11 10:38:14 +08:00
 remember5

前端小白,请教一下 v2 的前端大佬们

如上图,网站可以获取到 source map,也能获取到 vue 部分代码,查百度说有 source map 就可以获取源码,现想获取所有 vue 代码,不知道如何操作,

4057 次点击
所在节点    Vue.js
9 条回复
liyang5945
2021-01-11 10:48:56 +08:00
我尝试了半天发现这个地址不能复制,好家伙,原来是一个图片,这是几个意思?让我们手打你的图片地址吗
remember5
2021-01-11 10:52:54 +08:00
@liyang5945 可以复制啊 qiniu.remember5.top/uPic/4091610331620_.pic.jpg
用`![]()`无法显示
remember5
2021-01-11 11:02:06 +08:00
补充:
由于大佬说图片无法复制,这次把图片地址打出来

![补充图](qiniu.remember5.top/uPic/WeChat084e5f5470841e2be453cbaaf66ea385.png)
这张图是通过一个 js 获取到的,发现里面的这部分可以通过 域名+ '/static/js/' + key + value 能访问到 js 文件,这个就是混淆后的文件吗?
ysc3839
2021-01-11 11:10:49 +08:00
@remember5 你这图片无法显示是因为漏掉了 http://
Mutoo
2021-01-11 11:25:34 +08:00
我之前写了个小工具,可以把 webpack 打包的 sourcemap 还原成源文件。
https://github.com/mutoo/webpack-sourcemap-unpacker
bigfei
2021-01-11 11:27:26 +08:00
liyang5945
2021-01-11 12:09:22 +08:00
刚才试了下我自己的项目,想要还原成原本的代码基本上不可能,不过可以还原出来项目的目录和文件结构,哪些 npm 包,vue 文件的 js 部分可以完美还原,模板部分会变成下图这样的结构,如果你熟悉 render 语法,想要还原出来也是可行的
muzuiget
2021-01-11 13:13:48 +08:00
sourcemap 是不能还原源码的,那个是行号对应映射数据。
remember5
2021-01-11 14:12:27 +08:00
已经使用 reverse-sourcemap 解决了。感谢各位大佬

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/743726

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX