Я устраняю проблему в своем приложении React.js, и я хотел бы просмотреть фактический JavaScript, выполняемый в браузере после того, как он был передан Babel и упакован Webpack.Какой хороший способ сделать это?
Приложение использует приложение create-реакции-приложение, поэтому оно имеет конфигурацию CRA по умолчанию для Babel, веб-пакета и т. Д. Исходные карты работают (хорошо!), Но что, если я захочузаглянуть за исходные карты, чтобы найти реальный код, который выполняется?
Я знаю, что могу найти /static/js/bundle.js в сетевой панели Chrome Dev Tools, а затем использовать Cmd + F, чтобы найти фрагмент кода в этомогромный файлЯ также знаю, что в Chrome Dev Tools есть возможность отключить исходные карты, но изменение постоянной настройки (даже если я могу сделать это без перезапуска отладки, что я не уверен, что могу) не кажется легче, чем Cmd+ F подход выше, особенно потому, что мне нужно будет помнить, чтобы изменить его обратно (и снова запустить отладку?).
Вместо этого я просто ищу способ переключаться между фактическим сгенерированным(переданный и связанный) код и мой (сопоставленный с исходным кодом) код, не прерывая мой рабочий процесс отладки.
Это выполнимо в Chrome?