Как отлаживать Javascript-код, созданный и обслуживаемый ember-cli?

Используемая версия: 0.0.28-master-e49f47e669

Я только начал играть с ember-cli (Великий проект кстати.).

После запуска сервера с помощью "ember serve" я просмотрел источник (foo.js) в Chrome-Dev-Tools. Для загрузки foo.js требуется Chrome несколько секунд, и, как вы можете видеть на скриншоте, все JS файлы обернуты в eval.

Как отлаживать JS-код? Что мне здесь не хватает?

How do I debug this?

Ответы

Ответ 1

Я получаю те же блоки eval(…) в Chrome. Я не знаю точно, что это вызывает, но похоже, что в этот момент нет никакого способа обойти.

В Firefox вывод кода с помощью ember server несколько читаем в представлении отладки браузера, но, вероятно, это не то, что вы ищете.

К сожалению, Ember-CLI не имеет полной поддержки исходных карт Javascript, поэтому нам нужно увидеть исходный код, который мы на самом деле писали в Javascript ES6 или CoffeeScript в окне отладки браузера. Отсутствие исходных карт в настоящее время является ограничением Broccoli, основного инструмента построения, используемого Ember-CLI. Это, по-видимому, функция, которая может быть добавлена ​​в будущем:

Еще одна вещь, отсутствующая в существующих плагинах, - это поддержка исходной карты. Это немного усложняется соображениями производительности, а также тем фактом, что прикомандированные плагины должны потреблять другие исходные карты плагинов и взаимодействовать должным образом, поэтому я не нашел времени для решения этой проблемы.

Источник: http://www.solitr.com/blog/2014/02/broccoli-first-release/

Эти вопросы несколько уместны для вашего вопроса:

Update

Оказывается, вы можете видеть почти исходный код в окне отладки браузера. В Chrome он немного скрыт под заголовком (no domain):

Chrome debug view

Это не оригинальный код, который вы пишете в Ember-CLI EcmaScript 6, но он почти такой же. Мы видим здесь код Javascript после того, как он был запущен через ES6-транспилер. Сравните эти два, оригинальные внизу в редакторе:

Chrome debug view and original ES6 Javascript

Надеюсь, в будущем мы сможем увидеть исходный Javascript или даже Coffeescript в окне отладки браузера, но инструмент еще не совсем готов.