kambur24 июн 2014 в 14:46

Кто бы смог мне подсказать, как require подключать

7 мин

70K

JavaScript * Веб-разработка * Программирование *

Туториал

Из песочницы

Recovery Mode

+21

Комментарии 23

Maxxon 24 июн 2014 в 14:57

Было бы интересно почитать про продакшн сборку всего этого хозяйства в один файл. А так же нужно ли в этот файл включать код шаблонов, собирать их в отдельный файл или вобще оставить их подкачиваться по одному при каждом вызове. Best practices для продакшена вобщем.

ZurgInq 24 июн 2014 в 16:14

У require.js есть свой инструмент для минификации и склеивания файлов. Тут же на хабре было несколько статей по этому поводу. С зависимостями только потрахаться возможно придётся, особенно если подключается много разных jquery плагинов.

vinograd19 25 июн 2014 в 07:11

grunt. Также с ним вы можете сделать другие задачи, например, минификация css/html, перемещение файлов, переименования для предотвращения кэширования, base-64 кодирование изображений, т.д.

Maxxon 25 июн 2014 в 07:41

Это все понятно. И грантом и r.js я пользуюсь. Я имел в виду информацию о сборке так что бы это не стыдно было в продакшен вылить. Уверен что есть куча ньюансов.

vinograd19 25 июн 2014 в 07:43

Да, действительно есть куча нюансов, и в каждом проекте они свои. Если есть конкретные вопросы, можно обсудить.

Maxxon 25 июн 2014 в 07:49

В частности выше я спрашивал про шаблоны. Стоит ли их кидать в общий файл с js кодом, при условии что общий код для всего сайта весит около 1Мб, может немного меньше.

vinograd19 25 июн 2014 в 09:23

ох, все здесь от проекта зависит. По-моему, количество сборочных файлов должно равняться количеству single-page, даже если там есть дублирующие части.

Хорошее обсуждение этого момента есть тут

ngreduce 25 июн 2014 в 13:29

Для шаблонов использую require.text (http://requirejs.org/docs/download.html#plugins). С сборщиком правда не игрался — не зачем это было.

kambur 24 июн 2014 в 15:04

Я обязательно изучу этот вопрос и опубликую результаты в следующем посте.

rakeev 25 июн 2014 в 18:15

Мне нужно уточнить в офисе ^_^

josser 24 июн 2014 в 15:06

бекбон можно в shim не писать, щас бекбон и андерскор amd'шный

ZurgInq 24 июн 2014 в 16:07

Есть ведь реализация ToDo на backbone+require.js
todomvc.com/dependency-examples/backbone_require/

НЛО прилетело и опубликовало эту надпись здесь

bo883 24 июн 2014 в 17:06

Я данную связку реализовал проще, + минификация и объединением в один файл, отдельный файл конфиг роутера и шаблонизатор handlebars(сейчас пробою basis-templates.js). Постараюсь в скором времени выложить на суд.
Сложно читаемый код получается у автора( 2 исходник).

mahnunchik 24 июн 2014 в 19:00

Статья про базовое использование RequireJS пропитана болью…

Даже если не рассматривать системы сборки (make, grunt, gulp), следующая строчка намного проще и легче для понимания чем всё что описано в статье:

$ cat lib/jquery.js lib/underscore.js lib/backbone.js app/*.js | uglifyjs > main.js

Что происходит:
1. Собираем в нужном порядке библиотеки
2. Там где порядок скриптов не важен, можем воспользоваться app/*.js
3. Минифициреум js
4. Записываем в один файлик

goodnickoff 25 июн 2014 в 06:44

Статья не о том как собрать все файлы в нужном порядке в один и затем минифицировать его. Понятно что на продакшне это будет один файл (хотя для больших приложений асинхронную загрузку никто не отменял). Вы пробовали подключать пару десятков файлов через тег <script> и разбираться потом в этом хозяйстве на деве. Для меня именно подключение файлов модулей во время разработки стало гораздо удобнее при использовании RequireJs.

hoack 25 июн 2014 в 13:51

RequireJS нужна не только для склеивания скриптов в один файл. Вот что было важно для меня:
— Чёткое указание в начале каждого модуля, от чего именно зависит конкретно этот модуль. Очень полезно при поддержке и рефакторинге, а также для ситуаций, когда один модуль используется в разных проектах (типа своей библиотеки).
— Избавление от зависимости от глобальных определений библиотек. Помимо хорошей организации кода, это позволяет, например, использовать свою собственную версию jQuery и избежать конфликтов.

xamd 25 июн 2014 в 09:56

Один из тех случае, когда читать дольше, чем делать :)
Вообще, на оф. сайте очень неплохое руководство «getting started».

Но человек написал свою первую статью, и вполне себе годную. Не будем об этом забывать.