Как создать свою библиотеку на основе RactiveJS в один JS-файл?

Question

(связанный с этим вопрос: какая разница между rv.js и r.js)

У меня есть ряд компонентов RactiveJS основе, каждый в своем собственном модуле. Я использую загрузчик rv.js (связанный выше), упомянутый на сайте Ractive. Мне это нравится, но я хочу использовать это (или что-то подобное) для создания одного JS-файла, который будет работать даже в приложениях, отличных от AMD/RequireJS. Я посмотрел на Алмонд, но, похоже, я хочу использовать r.js (а не rv.js), и я не уверен, в чем разница или какие изменения мне нужно сделать.

Бонусные баллы: есть ли способ запустить все это в Gulp? Я один из тех людей, которые съеживаются, когда ему приходится использовать командную строку, поэтому, пожалуйста, медленно и прощайте мое невежество :)

Answer 1

Немного поздно ответить, извиниться за это.

• rv.js является RequireJS плагин, который загружает компоненты теля Тяговая, как если бы они JavaScript модули
• r.js является RequireJS оптимизатор, используемый для объединения вместе все файлы и преуменьшать (именно ваш вариант использования)

RequireJS довольно большой по размеру, и вы не хотите, чтобы он был связан с вашим приложением js во время сборки.

Введите almond.js. Он имитирует разрешение модуля RequireJS, но не имеет кода для обработки фактической загрузки файлов по сети. В результате размер файла меньше.

Таким образом, ваш рабочий будет:

• используется RequireJS в процессе разработки
• Используйте rv.js, как вы уже, чтобы загрузить компоненты
теля Тяговая
• Когда пришло время строить, вы используете r.js построить
• и обеспечить almond.js заменяет RequireJS в конечном файле построен JS

Теперь я использую хрюкать, и там это плагин для этого: grunt-contrib-requirejs

Для глотка, я предлагаю gulp-requirejs-optimize
Она имеет опции для замены requirejs с миндалем в процессе сборки, если вы посмотрите документацию на этой странице.

Надеюсь, что это поможет.