Есть ли быстрый способ переключиться с кода jsx, показанного в инструментах разработчика, на исходный es5 и обратно?
Как отключить исходные карты в инструментах разработчика Chrome?
Ответ 1
Откройте "Инструменты разработчика", перейдите в "Настройки" для инструментов разработчика, затем снимите флажок Enable JavaScript Sourcemaps
в настройках "Источники".
Ответ 2
Вы можете дважды щелкнуть строки строк, чтобы переходить из исходных файлов в неиниминированные выходные файлы. Кроме того, это кажется ограниченным. См. Комментарий ниже.
Я нашел, что это полезно при разработке. При использовании webpack-dev-server
(или некоторых других инструментов) без указания js вы можете дважды щелкнуть строки строк в исходных файлах, чтобы перейти к скомпилированному, но неустановленному выходному файлу.
Я только что обнаружил это случайно, а затем нашел этот комментарий с 21 декабря 2016 года: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7
Вы можете дважды щелкнуть по номеру строки, чтобы перейти в оригинал файл, но это довольно бесполезно, если миниатюрный файл имеет все символы новой строки удалено: (
Если перенос слов сделает эту работу лучше https://bugs.chromium.org/p/chromium/issues/detail?id=167287
Я думаю, что была поддержка двойного щелчка по разделу миниатюрный файл, чтобы перейти в исходный сопоставленный файл, но, похоже, он в последнее время регрессировали.
В идеале в мини файле с исходной картой, щелкнув правой кнопкой мыши (или двойной щелчок) в любом месте в минифилированном файле должно точный файл, строка и столбец