Как отлаживать .jsx файлы в PHPStorm/WebStorm/IntelliJ IDEA без browserify/webpack?

Question

[vbarbarosh]

Есть ли возможность отлаживать .jsx файлы в PHPStorm/WebStorm/IntelliJ IDEA без того, чтоб прогонять их через browserify/webpack?

Я использую стандартный in-browser jsx transformer, и он даже создает sourcemaps. Но breakpointы как будто бы игнорируются.

Очень не хочется использовать gulpы/browserifyи/webpackи. Ведь если .jsx файлы могут быть перекомпилированый в обычный javascript прямо в браузере, и для них даже есть sourcemaps, наверно можно их как-то использовать?

Answer 1

[Артур]

Можно настроить file watcher, чтобы при изменении файлов генерировался js код через jsx трансформер. И в нём уже ставить брейкпоинты.

Comments

[vbarbarosh]

В этом случае придется хранить два index.html файла. Один включающий .jsx файлы, другой -- скомпилированный .js файлы.

[Артур]

vbarbarosh: Зачем? IDE же компилирует файлы постоянно, достаточно включать *.js без jsx трансформера.

[vbarbarosh]

В git репозитории я храню только .jsx файлы. Для простоты включаю именно их в index.html и использую in-browser jsx transfomer.

[Артур]

vbarbarosh: https://www.jetbrains.com/webstorm/help/file-watch...