Reactjs плагины и requirejs, как?

Question

[candybooberr]

Всем привет. Использую Backbone, React, requirejs. Всё было хорошо, пока не начал ставить плагины подобный react-telephone-input или react-onlickoutside mixin. Ловлю ошибки подобные тому, что плагины не обёрнуты в соответствующий

define(function(require){/* не интересные подробности */});
а просто

var foo = require('bar');
точнее requirejs.org/docs/errors.html#notloaded - там и сказано, что нужно это дело обернуть. Не переписывать же плагины, верно? Кто как с этим борется? Еще один аспект, использую bower, а не npm и тем самым, когда ставлю пакет с зависимостями мне несколько сложнее справить с этим кустом зависимостей. Когда смотрел исходники плагина, видел строки типа

var map = require('lodash/collections/map');
Если ставить через npm - всё так и получается, кроме обёртки, а с bower - всё приходит одним файлом. Заранее благодарю всех за отзывчивость.

Comments

[copal]

посмотрев этот плагин хочется сказать следующее - можно нудно и дотошно объяснять причину раздувая сое самомнение до размера солнца, но мне этого делать не хочется. Догоняйте же уже 2016 год и используйте сборщики проектов коих больше чем достаточно. Если вы из середины этого века, то автор плагина точно из прошлого.

[candybooberr]

Не хотел раздувать, а раздул.
Мог просто написать, что нужен такой-то сборщикс таким-то плагином.

[candybooberr]

copal: Спасибо, умник. Походу правда помог.
Я так-то всему сам учусь, вот так где-то что-то и не доследил.
В общем если кому пригодится - я использую AMD requirejs, модули эти CommonJS.
Есть несколько путей, у requirejs есть гайд по tool'у конвертирования в acync модуль с r.js Node или вроде еще можно подключить в require.config как package, опять же смотреть офф документацию.

Answer 1

[Алексей Немиро]

Не переписывать же плагины, верно? Кто как с этим борется?

Использую TypeScript и Visual Studio. Итоговый JavaScript сам собирается в нужном виде, достаточно выбрать систему модулей в свойствах проекта.

Но с некоторыми библиотеками React в AMD возникали проблемы. И да, единственным решением было внесение изменений в код этих компонентов, что не очень хорошо и не факт, что можно будет отделаться парой простых изменений.

В итоге пришлось использовать Webpack. Опыт работы с RequireJS сильно усложнил миграцию и в какие-то моменты я даже пытался прикрутить RequireJS в Webpack :-) Так что про RequireJS лучше полностью забыть.

Реализация с Webpack мне нравится больше, но настроек придется написать много и иногда все это дело глючит. С использованием загрузчиков, на выходе можно получить все что угодно из чего угодно.