編譯多個.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。這是反應社區中大多數人使用的。