Question

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

类似的东西：

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

感谢。

Answer 1

一种简单的方法就是使用gulp。与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

这是直接答案，您可以将其放在shell脚本中（例如jsx-all.sh）。

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

用法：

jsx-all.sh src/ > app.js

更好的答案是使用commonjs模块。使用jsx-loader查看带有reactify或webpack的browserify。这就是反应社区中大多数人使用的。

将多个.jsx文件编译为一个.js文件

2 个答案: