使用SourceMap解开webpack bundle.js

Question

我想要反向或非捆绑bundle.js。 目前我在浏览器中加载了bundle.js（Chrome） Chrome检测到源图，并向我展示了一个很好的结构 基于捆绑的完整应用程序。该应用程序捆绑在一起 使用webpack并且是助焊剂反应应用。

有没有办法从包中生成所有这些文件，所以我可以 根据应用程序结构轻松浏览捆绑包？

这是一个从中获取应用程序源的逆向工程项目 现有的捆绑包。

所以在chrome中我可以使用devtools源很好地浏览整个应用程序。 并查看所有单个文件。但我想创建那个确切的 我本地驱动器上的结构相同。

我正在尝试像debundle这样的工具但是我找不到将源图添加到此转换的方法吗？

如果符合以下条件，我可以轻松地解开现有的bundle.js：

• 可以使用Sourcemap
• Chrome可以轻松向我显示结构和单个文件
• 捆绑没有缩小或乱码。
• 使用webpack
创建Bundle

Answer 1

我发现shuji是一个不错的选择-您只需提供源映射的路径即可。它完全解开了我用babel和webpack制作的示例捆绑包。不过，它不会保留文件夹结构，所有文件最终都放在一个文件夹中。