反应路由器链接参数。意外的角色'`'。在uglify和eslint中

时间:2015-12-04 10:55:14

标签: reactjs react-router eslint gulp-uglify

我得到了意想不到的性格'`'当使用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());
});

如何处理?

1 个答案:

答案 0 :(得分:5)

使用ES6模板字符串要求您通过Babel之类的工具来转换代码,而目前您没有这样做。

但是,由于您使用的是reactify,因此您可以添加选项{"es6": true},以便参与某些ES6功能,例如箭头功能或模板字符串。

.transform(Reactify, {es6: true})

当前支持的entire feature set是箭头函数,休息参数,模板,对象简短符号和类。

如果您计划长期使用React和ES6,我当然建议您使用Babel作为一站式服务,而不是使用浏览器进行所有爵士乐,重新设置,这两者都是很棒的工具并且有帮助我过去非常。