ReactJS BrowserifyとBabel

Question

申し訳ありませんが、これは非常に基本的な質問ですが、私はギャルプとブラウジングに新しいです。私はES2015に私のコードをtranspileしたいここでゴクゴクタスクファイル

var gulp = require('gulp'); 
var babel = require('gulp-babel'); 
var concat = require('gulp-concat'); 
var browserify = require('browserify'); 
var babelify = require('babelify'); 
var source = require('vinyl-source-stream'); 

gulp.task('bundle', function(){ 
    return browserify({ 
     extensions: ['js', 'jsx'], 
     entries: 'assets/js/src/main.js' 
    }) 
     .transform(babelify.configure({ 
      ignore: /(bower_components)|(node_modules)/ 
     })) 
     .bundle() 
     .on('error', function(err){ 
      console.log('Error : ' + err.message); 
     }) 
     .pipe(source('app.js')) 
     .pipe(gulp.dest('assets/js/')); 
}); 

// Watch JS/JSX and Sass files 
gulp.task('watch', function() { 
    gulp.watch('assets/js/src/**/*.{js,jsx}', ['bundle']); 
}); 

を持っているが、私は資産/ browserifyタスクで/ main.jsファイルsrcが持っているべきかわかりません。私の質問はmain.jsがbrowserifyのエントリーポイントであることでしょうか？はいの場合、それは何をすべきでしょうか？

Answer 1

entriesアプリが宣言された場合ので、例えばそれが含むことのできる場所reactDOMが行われてレンダリングし、あなたの反応アプリケーションのエントリポイントのようになります。

ReactDOM.render(
    <h1>Hello, world!</h1>, 
    document.getElementById('example') 
);