这是我的 gulpfile 代码:
gulp.task('react', function () {
browserify('app/src/main.jsx')
.transform(reactify)
.transform(babelify)
.bundle()
.pipe(source('app.js'))
.pipe(streamify(uglify()))
.pipe(gulp.dest('dist/js/'));
});
只有第一个转换语句运行,因此由于缺少额外的转换而引发错误(我正在使用 ES6 和 JSX w/react 编写)。
我完全不知所措,非常感谢您的帮助。
不应再使用 Reactify。你没有说你使用的是哪个版本,但截至Babel 6 http://babeljs.io/blog/2015/10/29/6.0.0/“预设”是实现编译的标准方法。
运行以下命令
npm install save-dev babel-preset-react babel-preset-es2015
您还应该确保 Babelify 是最新的。然后你的 Gulp 配置就变成了
var babelify = require("babelify");
gulp.task('react', function () {
browserify('app/src/main.jsx')
.transform(babelify, {presets: ["es2015", "react"]})
.bundle()
.pipe(source('app.js'))
.pipe(streamify(uglify()))
.pipe(gulp.dest('dist/js/'));
});
See the 选项页 https://github.com/babel/babelify#options了解更多信息。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)