我得到了意想不到的性格'`'当使用gulp uglify&两者都有。
<td><Link to={`/user/${u.userId}`}>{u.UserName}</Link></td>
在gulp文件中
Gulp.task('js', function(){
Browserify(GulpConfig.paths.mainJs, { debug: (production() ? false : true)})
.transform(Reactify)
.bundle()
.on('error', console.error.bind(console))
.pipe(Source('bundle.js'))
.pipe(production(Buffer()))
.pipe(production(Uglify().on('error', gulpUtil.log)))
.pipe(Gulp.dest(GulpConfig.paths.dist + '/scripts'))
.pipe(Connect.reload());
});
如何处理?
答案 0 :(得分:5)
使用ES6模板字符串要求您通过Babel之类的工具来转换代码,而目前您没有这样做。
但是,由于您使用的是reactify
,因此您可以添加选项{"es6": true}
,以便参与某些ES6功能,例如箭头功能或模板字符串。
.transform(Reactify, {es6: true})
当前支持的entire feature set是箭头函数,休息参数,模板,对象简短符号和类。
如果您计划长期使用React和ES6,我当然建议您使用Babel作为一站式服务,而不是使用浏览器进行所有爵士乐,重新设置,这两者都是很棒的工具并且有帮助我过去非常。