javascript - 将多个 .jsx 文件编译成一个 .js 文件

Question

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

就像是：

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

谢谢。

Answer 1

一个简单的方法是使用 gulp。运行npm install gulp并让你gulp-react的gulp-concatgulpfile.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 模块。请参阅带有 reactify 的 browserify 或带有 jsx-loader 的 webpack。这是 React 社区中的大多数人使用的。