Désactiver les cartes source dans Chrome DevTools
Existe-t-il un moyen rapide de basculer du code jsx indiqué dans Chrome DevTools vers l’ES5 brut et vice-versa)?
Ouvrez les outils de développement, accédez à "Paramètres" pour les outils de développement, puis décochez la case Enable JavaScript Sourcemaps sous les paramètres "Sources".
Vous pouvez double-cliquer sur les numéros de ligne pour passer des fichiers sources aux fichiers de sortie non modifiés. À part ça, cela semble limité. Voir le commentaire ci-dessous.
J'ai trouvé cela utile lors du développement. Lorsque vous utilisez webpack-dev-server (ou un autre outil) sans réduire js, vous pouvez double-cliquer sur les numéros de ligne dans les fichiers source pour accéder au fichier de sortie compilé mais non-fin.
Je viens de découvrir cela par accident, puis j'ai trouvé ce commentaire du 21 décembre 2016: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7
Vous pouvez double-cliquer sur le numéro de la ligne pour accéder au fichier d'origine, mais cela ne sert à rien si le fichier modifié contient toutes les nouvelles lignes supprimées :(
Avoir Word Wrap rendrait ce travail plus efficace https://bugs.chromium.org/p/chromium/issues/detail?id=167287
Je pense qu'il y avait un certain soutien pour un double-clic sur une section du fichier minifié pour aller dans le fichier mappé source, mais il semble avoir régressé récemment.
Idéalement, dans un fichier minifié avec une carte source, un clic droit (ou un double clic) n'importe où dans le fichier minifié devrait permettre de passer directement à ce fichier, cette ligne et cette colonne.