Может ли приложение React иметь компоненты в разных JS файлах без системы сборки?

Примените примеры использования gulp, Grunt или npm и Browserify или Webpack. В приведенном ниже коде у меня есть приложение React без них, и мне просто интересно, возможен ли этот последний шаг.

HTML-страница, в которую входят React, babel-браузер и один файл JavaScript:

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"></head>
<body>
  <script src="https://unpkg.com/[email protected]/dist/react.min.js"></script>
  <script src="https://unpkg.com/[email protected]/dist/react-dom.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.25/browser.min.js"></script>
  <script type="text/babel" src="js/App.js"></script>
</body>
</html>

Ответ 1

http://plnkr.co/edit/Pw75IIuonyz9UlBhvWo5?p=preview

Вам просто нужно сделать

window.Hdr = Hdr

И он будет работать.

Изменить: Основано на комментарии Джошуа

window.__MyApp__ = {
   // a lot of app props
}
window.__MyApp__.Hdr = Hdr

Ответ 2

вы можете загрузить свой js файл в приложении, как и любой другой script. Но я бы посоветовал вам использовать requirejs, это было бы более чистым.