使用SourceMap拆分webpack的bundle.js

17
我想要反编译或解捆bundle.js文件。 目前我在浏览器(Chrome)中加载了bundle.js文件, Chrome检测到了sourcemap并显示了基于bundle的完整应用程序的良好结构。该应用程序使用webpack进行捆绑,并且是一个Flux React应用程序。
有没有一种方法可以从bundle生成这些文件,以便我可以轻松地浏览基于应用程序结构的bundle?
这是为了获取现有包的应用程序源而进行的反向工程项目。
所以,在Chrome中,我可以使用devtools sources很好地浏览整个应用程序。 并查看所有单独的文件。但是,我希望在本地驱动器上创建与其完全相同的结构。
我尝试过类似debundle这样的工具, 但我找不到将sourcemap添加到此转换的方法?
那么,如果满足以下条件,我是否可以轻松地解包现有的bundle.js:
- 可用Sourcemap - Chrome可以轻松地显示结构和单个文件 - 捆绑未被缩小或混淆。 - Bundle使用webpack创建
1个回答

8

我发现shuji是一个不错的选择 - 只需向其提供源映射路径即可。它可以完美解压使用babel和webpack制作的示例包。然而,它不会保留文件夹结构,所有文件最终都在一个文件夹中。


假设我已经解包了它,进行了编辑,现在我想重新打包它,有办法吗? - gonzarodriguezt

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接