我需要将所有/src/.jsx文件转换为/src/.js
在我使用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文件?
5条答案
按热度按时间vojdkbi01#
首先,你需要安装这两个包:
字符串
你可以这样转换:
型
zxlwwiss2#
为了在转换时自动插入DisplayName,需要安装gulp-babel和React preset:
字符串
然后在gulpfile.js中:
型
r8xiu3jd3#
字符串
因为我也用ES6。
smtd7mpg4#
使用Babel 7的最新React v16.8.x,使用
@babel/preset-env
和@babel/preset-react
模块。字符串
然后在您的gulpfile.js中:
型
gstyhher5#
是的,使用gulp与包gulp-babel会做的伎俩。
https://github.com/babel/gulp-babel