反应路由器链接参数。 意外的字符“`”。 在丑化和拖累

Question

同时使用gulp uglify和eslint时，我得到了意外的字符'`'。

<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());
});

怎么处理呢？

Answer 1

使用ES6模板字符串需要您通过诸如Babel之类的工具来转换代码，而您目前尚未使用。

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

.transform(Reactify, {es6: true})

reactify当前支持的整个功能集是箭头功能，其余参数，模板，对象缩写符号和类。

如果您打算长期使用React和ES6，我当然建议您将Babel用作一站式服务，而不是通过浏览器化，反应化来完成所有爵士乐，这两个都是很棒的工具，并且在过去对我有很大帮助。