Использование browserify для упаковки компонентов React
Я пытаюсь научиться работать с моим JavaScript. Моя первая простая задача - создать файлact.js, который будет сгенерирован gulp + 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 / реагировать / я создал файл activ.js, в котором всего две команды:
var React = require('react');
var ReactDOM = require('react-dom');
Я ожидаю, что новый файл реагировать-генерируется.js будет содержать модули реагировать и реагировать.
Файл будет сгенерирован, но когда я попытаюсь использовать этот response-generate.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-browserify?