скомпилировать несколько файлов .jsx в один .js файл

Question

Есть ли способ скомпилировать несколько реактивных файлов .jsx в один файл .js за один шаг?

что-то вроде:

jsxtool compile ./src/*.jsx --out app.js

Спасибо.

Answer 1

Простым способом является использование глотков. Запуск npm install gulp вместе с gulp-react и gulp-concat и сделать gulpfile.js выглядеть следующим образом:

var gulp = require('gulp'); 
var react = require('gulp-react'); 
var concat = require('gulp-concat'); 
gulp.task('default', function() { 
return gulp.src('components/**') 
    .pipe(concat('singlefile.js')) 
    .pipe(react()) 
    .pipe(gulp.dest('dist')); 
}); 

Теперь запустите gulp и стрелы, один файл!

Answer 2

Это прямой ответ, который можно поместить в сценарий оболочки (скажем jsx-all.sh).

find $1 -iname '*.jsx' | xargs cat | jsx 

И использование:

jsx-all.sh src/ > app.js 

---

Лучшим ответом является использование CommonJS модулей. См. Браузер с помощью reactify или webpack с jsx-loader. Это то, что большинство людей в реагирующей общине используют.