Dissocier un webpack bundle.js avec SourceMap
Je veux inverser ou dégrouper un bundle.js. Actuellement, je charge le bundle.js dans mon navigateur (Chrome) Chrome détecte le fond de carte et me montre une belle structure de application complète basée sur le paquet. L’application est fournie avec À l’aide de WebPack et est une application de flux réactif.
Existe-t-il un moyen de générer tous ces fichiers à partir de l'ensemble afin que je puisse Facilement parcourir l'ensemble en fonction de la structure de l'application?
Ceci est destiné à un projet d'ingénierie inverse visant à obtenir la source d'application à partir de D'un bundle existant.
Donc, en chrome, je peux bien parcourir l’application entière en utilisant les sources de devtools. et voir tous les fichiers individuels. Mais je voudrais créer exactement la même structure sur mon disque local.
J'essayais un outil comme debundle Mais je n'arrive pas à trouver un moyen d'ajouter le plan source à cette conversion?
Donc, puis-je facilement dissocier un bundle.js existant si:
- Carte source est disponible
- Chrome peut facilement me montrer la structure et les fichiers individuels
- Le paquet n'est ni minifié ni brouillé.
- Bundle est créé en utilisant webpack
J'ai trouvé shuji comme une bonne option - vous fournissez simplement le chemin d'accès au plan source. Cela a dégroupé parfaitement un exemple de paquet que j'ai créé avec babel et webpack. Cela ne préserve pas la structure des dossiers, tous les fichiers se retrouvent simplement dans un dossier.