Я использую watchify/browserify создать пакет с картами источника отладки с этим command-Browserify и Reactify карты источников включают полные локальные имена путей
watchify main.js -o bundle.js -v -d
Когда я использую Chrome DevTools для отладки в результате приложения, источник файлы доступны в их исходных местах вложенных папок, видимых в DevTools . Источники.
Однако, когда я запускаю его через reactify с этим command-
watchify main.js -t reactify -o bundle.js -v -d
Chrome Devtools показывает все исходные файлы в той же папке, bundle.js и имя файла включает в себя полный локальный путь к файлу ,
Я нахожу это раздражает и трудно определить правильный файл как в панели источников и в отдельных вкладках, как файл слишком долго, чтобы отобразить.
Кто-нибудь знает, как обойти это, чтобы исходные файлы отображались в их исходных папках (согласно рис. 1). Thx
обновленную информацию по этому вопросу. Я использовал ответ Домена ниже и (я уверен), он работал для меня в то время, но теперь я не могу повторить этот успех. В конце я использовал webpack, и он делает именно то, что я хочу (плюс больше). Было немного дополнительной работы по настройке и работе, но это было не слишком много, и я думаю, что это того стоило. Этот урок был очень полезен в том, чтобы что-то делать и запускать, что я мог бы использовать для своего собственного проекта - http://jslog.com/2014/10/02/react-with-webpack-part-1/ –