Как отлаживать javascript при помощи map файла в PHPStorm/WebStorm/IntelliJ IDEA?

Для сжатия файлов я использую UglifyJS, который может создавать map-файл для отладки.
В аргументах настройки File Watchers прописано:
$FileName$ -o $FileNameWithoutExtension$.min.js --source-map $FileNameWithoutExtension$.map --source-map-root http://flexbox.zz/js/

fd7ee96154dc440b9a209af9f4042e0a.jpg
Домен flexbox.zz это локальный домен созданный OpenServer-ом и он прописан в настройках дебагера IDE.
Соответственно Google Chrome настроен так, что бы определять .map файл.
4d08a60bc2d74bd7a119188925fa255f.jpg
Файл app.min.js подключен к сайту, а файл app.js появился благодаря .map-файлу.
Но при запуске дебагера в IDE не отрабатывают брейкпойнты, IDE видит только консоль хрома и только то, что там появилось в момент загрузки сайта. Т.е. последующие события (при клике мышкой на кнопку) в консоль дебагера IDE не выводятся.
ec314af642cf4fd9979922ee984ff10b.jpg4303fb3a12a84351ad3442a196f67ed3.jpg
Как настроить PHPStorm/WebStorm/IntelliJ IDEA , .map, UglifyJS, GoogleChrome, что бы IDE могла через map-файл отслеживать брейкпойнты на сайте?
  • Вопрос задан
  • 3160 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы