Как дебажить javascript в PHPStorm?

Question

[LB777]

У меня в проекте несколько js файлов, которые при помощи gulp конкатенируются и минифицируются.
Как можно настроить IntelliJ IDEA / PHPStorm / WebStorm , что бы ide отлавливала брекпоинты в сконкотенированном файле?

Comments

[asdz]

Насколько я знаю хром поддерживает source map, поэтому если вы настроите их генерацию сможете и в хроме дебажить и в phpstorm

Answer 1

[asdz]

Не помогает?
habrahabr.ru/post/178743

Comments

[Сергей Протько]

Это для фронтэнда. Для node.js нужно чуть чуть подругому.

[asdz]

Сергей Протько: Да, но вроде спрашивающий не говорил о node и судя по IDE у него на сервере пхп?

[Сергей Протько]

asdz: блин, я подумал что человеку надо gulpfile подебажить...

[LB777]

asdz: Спасибо, основываясь на этих статьях начал настраивать оталдку в IDE, но что-то пошло не так :) Поэтому создал новый вопрос, где подробно постарался описать, что я делал и в чем суть проблемы Как отлаживать javascript при помощи map файла в PHPStorm/WebStorm/IntelliJ IDEA?

Answer 2

[Сергей Протько]

man всему голова. Ну или в вашем случае help.

https://www.jetbrains.com/phpstorm/help/running-an...

update:
Не внимательно прочитал. Такой возможности нет... наверное. В браузере можно воспользоваться sourcemaps для дебага, тогда исполняться будет сконкатенированный файл а браузер вам все будет расделять на исходники и бряки выполнять по ним же. Думаю через remote дебаг можно и в IDE сделать но не уверен.

Comments

[LB777]

Попробовал сделал при помощи UglifyJS , но не совсем получилось. Поэтому создал новый вопрос Как отлаживать javascript при помощи map файла в PHPStorm/WebStorm/IntelliJ IDEA? .Если есть мнения и возможные варианты решения моей проблемы, то буду рад и благодарен комментариям в новом вопросе.

Answer 3

[Андрей Мохов]

Если вы хотите выполнить отладку JavaScript`а, то для этого вам нужен (как варианта) Google Chrome и в нем ставьте брекпоинты в JS и ведите отладку там...
PhpStorm может вести отладку серверной части, а у вас, как я понимаю, клиентская часть нуждается в отладке.

Comments

[LB777]

Да, нужно для отладки клиенской части. Но в сжатом js файле брекпоинты не понаставишь. :/

[Андрей Мохов]

в этом случае - не сжимайте JS код, отладку нужно запускать там, где этот код выполняется.

[Сергей Протько]

LB777: можно погуглить что-нибудь на тему phpstorm + sourcemaps но не знаю... я никогда не дебажил фронтэнд в IDE, только средствами разработчика браузера.

Answer 4

[Денис Денис]

Ня
sanchiz.net/blog/otladka-javscript-v-phpstorm