将Webpack bundle.js与SourceMap解除捆绑 [英] Unbundle a webpack bundle.js with the SourceMap

问题描述

我想撤消bundle.js或将其解除捆绑.目前，我正在将bundle.js加载到我的浏览器(Chrome浏览器)中Chrome浏览器检测到了源地图，并向我展示了一个不错的结构基于捆绑的完整应用程序.该应用程序已捆绑使用webpack，它是一个flux react应用程序.

I want to reverse or unbundle a bundle.js. Currently I am loading the bundle.js in my browser (Chrome) Chrome detects the sourcemap and shows me a nice structure of the full application based on the bundle. The application is bundled using webpack and is a flux react application.

是否有一种方法可以从捆绑包中生成所有这些文件，所以我可以可以根据应用程序结构轻松浏览捆绑软件?

Is there a way to generate all these files out of the bundle so I can easily browse the bundle based on the application structure?

这是一个反向工程项目，可从中获取应用程序源现有的捆绑包.

This is for a reverse engineering project to get the application source from an existing bundle.

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

So in chrome I can nicely browse the whole application using devtools sources. and see all the individual files. But I would like to create that exact same structure on my local drive.

我正在尝试使用 debundle 之类的工具，但是我找不到将源地图添加到其中的方法这次转换?

I was trying a tool like debundle But I cannot find a way to add the sourcemap to this conversion?

如果有以下情况，我可以轻松地将现有的bundle.js解除捆绑:

So can I easily unbundle an existing bundle.js if:

• 源地图可用
• Chrome可以轻松地向我显示结构和单个文件
• 捆绑包没有缩小或混乱.
• 捆绑包是使用webpack创建的

推荐答案

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

I found shuji to be a good option - you just provide the path to the sourcemap to it. It unbundled an example bundle I made with babel and webpack perfectly. It doesn't preserve folder structure though, all of the files just end up in one folder.

这篇关于将Webpack bundle.js与SourceMap解除捆绑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！