1

当同时使用 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());
});

如何处理？

4

1 回答 1

5

使用 ES6 模板字符串需要您通过像Babel这样的工具来转译您的代码，而您目前还没有这样做。

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

.transform(Reactify, {es6: true})

reactify 当前支持的整个功能集是箭头函数、剩余参数、模板、对象简写法和类。

如果您打算长期使用 React 和 ES6，我当然建议您使用Babel作为您的一站式商店，而不是使用 browserify、reactify 做所有的爵士乐，这两个都是很棒的工具，并且在过去对我有很大帮助。

于 2015-12-04T11:08:34.250 回答