Использование Кладка с ReactJS в браузере

Question

https://github.com/eiriklv/react-masonry-mixin/blob/master/README.md

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

Какие существуют решения, позволяющие моему реагирующему компоненту использовать этот плагин на обычной веб-странице? Я хотел бы, чтобы решение, в котором было минимальное количество стороннего программного обеспечения, работало.

Оператор require не доступен без npm из того, что я понимаю.

Answer 1

Требовать утверждения можно использовать на стороне клиента, используя препроцессор под названием Browserify.

Чтобы использовать Browserify, вы должны иметь один основной файл .js, из которого загружаются все ваши другие файлы с помощью инструкций require (однако тангенциально). Затем выполните команду Browserify разобрать и связать все это в один файл:

$ browserify main.js > bundle.js

Я лично использовал react-masonry-mixin, и это подход я использую (хотя автоматизирован с Глотком).