我需要将所有/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/")); });