编译多个.jsx文件到一个.js文件

Question

有没有办法在一个步骤中将多个reactjs .jsx文件编译成一个.js文件？

类似：

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

感谢。

Answer 1

一个简单的方法是使用gulp。运行与gulp-react和gulp-concat沿npm install gulp，让你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

这是直接的答案，你可以把它放在shell脚本中（比如说jsx-all.sh）。

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

与用法：

jsx-all.sh src/ > app.js 

---

更好的答案是使用CommonJS的模块。请参阅browserify with reactify或带有jsx-loader的webpack。这是反应社区中大多数人使用的。