V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
remember5
V2EX  ›  Vue.js

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

  •  
  •   remember5 · 2021-01-11 10:38:14 +08:00 · 3788 次点击
    这是一个创建于 1173 天前的主题,其中的信息可能已经有所发展或是发生改变。

    qiniu.remember5.top/uPic/4091610331620_.pic.jpg

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

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

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

    ![补充图](qiniu.remember5.top/uPic/WeChat084e5f5470841e2be453cbaaf66ea385.png)
    这张图是通过一个 js 获取到的,发现里面的这部分可以通过 域名+ '/static/js/' + key + value 能访问到 js 文件,这个就是混淆后的文件吗?
    ysc3839
        4
    ysc3839  
       2021-01-11 11:10:49 +08:00 via Android
    @remember5 你这图片无法显示是因为漏掉了 http://
    Mutoo
        5
    Mutoo  
       2021-01-11 11:25:34 +08:00   ❤️ 1
    我之前写了个小工具,可以把 webpack 打包的 sourcemap 还原成源文件。
    https://github.com/mutoo/webpack-sourcemap-unpacker
    liyang5945
        7
    liyang5945  
       2021-01-11 12:09:22 +08:00
    刚才试了下我自己的项目,想要还原成原本的代码基本上不可能,不过可以还原出来项目的目录和文件结构,哪些 npm 包,vue 文件的 js 部分可以完美还原,模板部分会变成下图这样的结构,如果你熟悉 render 语法,想要还原出来也是可行的
    muzuiget
        8
    muzuiget  
       2021-01-11 13:13:48 +08:00
    sourcemap 是不能还原源码的,那个是行号对应映射数据。
    remember5
        9
    remember5  
    OP
       2021-01-11 14:12:27 +08:00   ❤️ 1
    已经使用 reverse-sourcemap 解决了。感谢各位大佬
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5368 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 08:00 · PVG 16:00 · LAX 01:00 · JFK 04:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.