ReactJS Browserify and 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 ​​가지고해야하는지 모르겠습니다. 내 질문은, mainify.js 단지 browserify에 대한 진입 점인가? 그렇다면 무엇을 가지고 있어야합니까?

Answer 1

entries 앱이 선언되는 경우 그래서, 예를 들어이 포함 할 수있는 reactDOM이 이루어집니다 렌더링과 반응 응용 프로그램의 엔트리 포인트가 될 것입니다 :

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