web-dev-qa-db-ja.com

SourceMapを使用してwebpackbundle.jsをアンバンドルします

Bundle.jsを逆にするかバンドルを解除したい。現在、ブラウザ(Chrome)にbundle.jsを読み込んでいますChromeはソースマップを検出し、バンドルに基づいた完全なアプリケーションの優れた構造を表示します。アプリケーションはwebpackを使用してバンドルされており、フラックス反応アプリケーション。

アプリケーション構造に基づいてバンドルを簡単に参照できるように、バンドルからこれらすべてのファイルを生成する方法はありますか?

これは、リバースエンジニアリングプロジェクトが既存のバンドルからアプリケーションソースを取得するためのものです。

したがって、chromeでは、devtoolsソースを使用してアプリケーション全体をうまく参照し、すべての個々のファイルを表示できます。しかし、ローカルドライブにまったく同じ構造を作成したいと思います。

debundle のようなツールを試していましたが、この変換にソースマップを追加する方法が見つかりませんか?

したがって、次の場合、既存のbundle.jsを簡単にアンバンドルできますか?

  • ソースマップが利用可能です
  • Chromeは構造と個々のファイルを簡単に表示できます
  • バンドルは縮小またはスクランブルされません。
  • バンドルはwebpackを使用して作成されます
13
Koen

shuji が良いオプションであることがわかりました-ソースマップへのパスを指定するだけです。それは私がbabelとwebpackで作ったサンプルバンドルを完全にアンバンドルしました。ただし、フォルダ構造は保持されません。すべてのファイルが1つのフォルダにまとめられます。

1
Noam Eyal