требуется не React api, а также не является родным браузером api (пока).
Требование приходит от commonjs и наиболее знаменито реализовано в node.js, если вы использовали node.js, вы увидите, что везде требуется.
Из-за популярности требуемого в узле люди создали инструменты, которые преобразуют код, написанный в стиле nodejs, который можно использовать в браузере.
есть несколько преимуществ для использования требуется, это поможет вам сохранить ваш код модульный и для некоторых проектов это позволяет писать изоморфный код (код, который работает как на клиенте и сервере с минимальными изменениями)
Для того, чтобы используйте require, вам нужно будет использовать такой инструмент, как webpack или браузер, я буду использовать пример браузера.
первым создать '' index.js
require('./app.js');
alert('index works');
затем создать app.js
alert('app works');
Затем установите browserify консоли
npm install -g browserify
И называют эту команду в вашем оболочка
browserify index.js > bundle.js
Теперь вы будете иметь bundle.js в вашей HTML странице создать
<script src="bundle.js"></script>
И вы должны увидеть оба предупреждения запустить
Теперь вы можете продолжать код, вы можете добавить реагировать на ваши код посредством производства
npm install react --save
, а затем требуют в app.js, например
var React = require('react');
React.createClass({
render: function(){/*Blah Blah Blah*/}
})
если вы используете «require», который не реагирует на шаблон модели commonjs.вам нужно использовать webpack или какой-нибудь другой загрузчик модуля commonjs, который переведет ваши модули в код, дружественный браузеру. –
. Browserify - это еще один вариант (perhpas more beginner friendly), альтернативный http://browserify.org/ – hampusohlsson
, пожалуйста, просмотрите изменения. На самом деле у меня есть статические файлы и вы хотите знать, как настроить webpack/browserify для проекта с помощью 'index.html' –