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などのツールを使用してコードをトランスパイルする必要があります。

ただし、使用しているため、アロー関数やテンプレート文字列などの ES6 機能の一部に参加するためにreactifyオプションを追加できます。{"es6": true}

.transform(Reactify, {es6: true})

現在、reactify がサポートしている機能セット全体は、アロー関数、レスト パラメーター、テンプレート、オブジェクトの短い表記、およびクラスです。

React と ES6 を長期間使用する予定がある場合は、Browserify や Reactify であれこれやるよりも、Babel をワンストップ ショップとして使用することをお勧めします。どちらも素晴らしいツールであり、過去に私を大いに助けてくれました。

于 2015-12-04T11:08:34.250 に答える