本文介绍了如何使用Gulp和Babel将.jsx转换为.js?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要将所有/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网站()时,所有转换权利。你可以帮帮我吗。如何设置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?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!