Использование браузера для обновления React components

Question

Я пытаюсь изучить браузер для управления своим javascript. Моя первая простая задача создать react.js файл, который будет создан с помощью глотка + browserify

var browserify = require('gulp-browserify'); 

gulp.task('browserify-react', function() { 
    return gulp.src('js/react/react.js') 
    .pipe(browserify()) 
    .pipe(rename('react-generated.js')) 
    .pipe(gulp.dest('./dist')); 
}); 

В JS/реагируют/Я создал файл react.js, который является всего лишь две команды требуют:

var React = require('react'); 
var ReactDOM = require('react-dom'); 

Я ожидаю, что новый файл response-generated.js будет содержать модули реагирования и реагирования.

Файл будет создан, но когда я пытаюсь использовать этот реагирующие-generated.js в моем проекте я получаю две ошибки

ReferenceError: React is not defined 
ReferenceError: ReactDOM is not defined 

Но если я использую реагировать JavaScript с Facebook, так что все в порядке, нет ошибки

<script src="https://fb.me/react-0.14.0.min.js"></script> 
<script src="https://fb.me/react-dom-0.14.0.min.js"></script> 

Вопросы. Что мне не хватает, когда я создаю реагирующие компоненты с помощью gulp-браузера?

Answer 1

Ваш файл/модуль вашего реактора.js не подвергает переменным React и ReactDOM экземпляру. В узле вы публикуете эти методы, изменяя объект module.exports следующим образом:

module.exports = { 
    React: React, 
    ReactDOM: ReactDOM 
}