Javascript 将webpack bundle.js与SourceMap解除绑定

Javascript 将webpack bundle.js与SourceMap解除绑定,javascript,webpack,google-chrome-devtools,source-maps,Javascript,Webpack,Google Chrome Devtools,Source Maps,我想反转或解开bundle.js。 目前我正在浏览器(Chrome)中加载bundle.js Chrome检测到sourcemap并向我展示了一个很好的源代码结构 基于捆绑包的完整应用程序。该应用程序是捆绑的 使用webpack和是一个flux react应用程序 有没有办法从包中生成所有这些文件,这样我就可以 根据应用程序结构轻松浏览捆绑包 这适用于从中获取应用程序源的反向工程项目 现有的捆绑包 因此,在chrome中,我可以使用devtools源代码很好地浏览整个应用程序。 并查看所有单独的

我想反转或解开bundle.js。 目前我正在浏览器(Chrome)中加载bundle.js Chrome检测到sourcemap并向我展示了一个很好的源代码结构 基于捆绑包的完整应用程序。该应用程序是捆绑的 使用webpack和是一个flux react应用程序

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

这适用于从中获取应用程序源的反向工程项目 现有的捆绑包

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

我尝试了一个类似的工具,但找不到将sourcemap添加到此转换的方法

因此,如果满足以下条件,我可以轻松地拆分现有bundle.js:

  • Sourcemap可用
  • Chrome可以很容易地显示结构和单个文件
  • 捆绑包未缩小或混乱
  • 捆绑包是使用webpack创建的

我发现这是一个不错的选择-您只需提供指向它的源映射的路径即可。它完美地解开了我用babel和webpack制作的一个示例包。但它并没有保留文件夹结构,所有文件都只保存在一个文件夹中。

比方说,我将其解包,进行编辑,现在我想将其重新打包,有办法吗?