Mit require.js war es sehr einfach, ein Modul in den DevTools von Chrome zu debuggen, indem einfach Folgendes eingegeben wurde:
%Vor% Mit Webpack ist dies nicht mehr möglich, da die Module über CLI kompiliert werden und require nicht exportiert wird.
window.webpackJsonp ist global exponiert, daher dachte ich, ich könnte einfach die Modul-ID finden und sie wie folgt aufrufen: webpackJsonp([1],[]) , aber leider gibt dies undefined zurück.
Gibt es irgendwelche Problemumgehungen, um noch wie require.js debuggen zu können?
Fügen Sie Code zum Modul im Paket hinzu
%Vor%Jetzt können Sie "require" von der Chrome-Konsole wie require ('app'). doSmth ()
verwenden Mit expose-loader können Sie etwas ziemlich nahes holen. Ie. Für React könnten Sie { test: require.resolve("react"), loader: "expose?React" } in Ihrer Loader-Konfiguration haben. Danach können Sie auf React über die Konsole zugreifen. Dieselbe Idee gilt auch für andere Bibliotheken.
Tags und Links javascript webpack