Решение получил благодаря Browserify.
В gulpfile.js пишем следующие:
var gulp = require('gulp');
var browserify = require('browserify');
var reactify = require('reactify');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var sourcemaps = require('gulp-sourcemaps');
var uglify = require('gulp-uglify');
gulp.task('react', function(){
return browserify('./www/js/react/app.jsx', { debug: true })
.transform(reactify)
.bundle()
.pipe(source('main.min.js'))
.pipe(buffer())
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(uglify())
.pipe(sourcemaps.write('../maps'))
.pipe(gulp.dest('./www/js/'));
});
После этого надо запустить дебаг в PHPStorm/WebStorm/IntelliJ IDEA , перейти во вкладку 'Scripts' , найти там исходные файлы (у меня они лежали по адресу
react.zz/source/www/js/*.jsx), по нужному файлу кликнуть правой клавишей мыши и в появившемся меню выбрать "Specify Local Path..."
Теперь брекпоинты будут подбрасываться и проект будет удобно дебажить.
