如何使用Gulp和Babel将.jsx转换为.js？ [英] How convert .jsx to .js with Gulp and Babel?

问题描述

我需要将所有/src/.jsx文件转换为/ src / .js

I need to convert all /src/.jsx files to /src/.js

在我使用gulp-react之前：

Before I used gulp-react:

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文件？

It works but not without some small mistakes. When I use Babel website (https://babeljs.io/repl/) all converts right. Could you help me. How can I set gulp to convert .JSX files?

推荐答案

首先你需要安装这两个软件包：

First you need to install this two packages:

npm install gulp-babel babel-plugin-transform-react-jsx

然后你可以这样转换：

then you can convert like this:

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/"));
});

这篇关于如何使用Gulp和Babel将.jsx转换为.js？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！