我需要将所有/src/.jsx文件转换为/src/.js
在我使用gulp反应之前:
var react = require('gulp-react');
gulp.task('jsx',function () {
return gulp.src('src/jsx/*.jsx')
.pipe(react())
.pipe(gulp.dest('src/js/'));
});
它的工作,但不是没有一些小的错误.
当我使用Babel网站(https://babeljs.io/repl/)时,所有的转换都是正确的.你可以帮帮我吗.如何设置gulp转换.JSX文件?
解决方法
首先你需要安装这两个软件包:
npm install gulp-babel babel-plugin-transform-react-jsx
那么你可以这样转换:
var gulp = require('gulp');
var babel = require('gulp-babel');
gulp.task("babel",function(){
return gulp.src("src/jsx/*.jsx").
pipe(babel({
plugins: ['transform-react-jsx']
})).
pipe(gulp.dest("src/js/"));
});