刚刚接触react,查到gulp-react可以将jsx转为js来执行,所以利用gulp-react将jsx转为js;
而react运行所依赖的库有如下,其中browser.js是负责把jsx转为js,所以在我把browser.js注释调为什么就报错呢?
jsx代码如下,是个demos:

.babelrc如下:
{
"presets":[
'es2015','react'
],
"plugins":[]
}
gulpfile.js如下:
gulp.task('babel',()=>{
return gulp.src('zouxiu/js/es6.jsx')
.pipe(babel())
// .pipe(react())
.pipe(rename('router.js'))
.pipe(gulp.dest('zouxiu/js/build/'));
});
转化之后,index.html引用如下:

我将原先的babel改成了javascript(因为我想既然已经利用gulp-react转化了就不需要babel了吧,这里我没有更改掉babel,browser.js是注释的,既然浏览器都不加载router.js)而且还把browser.js也注释掉了;
然后浏览器就报错了:

(也不知道是哪里理解错了)
新手,顺便问下大家:babel-preset-react、babel-preset-es2015这些插件又是做什么用的?
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
认证高级PHP讲师