Как организовать Javascripts, используя рельсы и JQuery

Question

Я работаю в большом и богатом рельсовом веб-приложении, использующем тонны JavaScript. Я хотел бы знать, если у кого-нибудь есть совет, чтобы организовать javascripts. Сегодня я создаю новый файл с именем controller.js и добавляю его в мои представления с помощью content_for. Проблема в том, что некоторые файлы становятся большими, и иногда мне нужна функция с одного контроллера на другой, поэтому в конце я добавляю products.js в контроллер деталей, чтобы сохранить DRY. Это решение хорошо? Любой другой совет? Я думаю, что тот же шаблон может быть применен и к файлам CSS?

Answer 1

Я только что опубликовал свой текущий подход к организации JS в Ruby on Rails .

У меня есть файл JavaScript с пространством имен для каждого из моих контроллеров, и затем я использую asset_packager , чтобы связать эти много маленьких файлов в один файл во время развертывания.

Вы можете сделать это более детализированным и иметь файл для каждого действия в контроллере, но это означает, что у меня есть много маленьких файлов, ограниченных небольшими элементами функциональности в моей системе.

Работает действительно хорошо.

Answer 2

У вас здесь противоречивые требования, потому что вы хотите, чтобы ваши файлы JavaScript были удобными и модульными для удобства сопровождения во время разработки, но в процессе производства вы хотите, чтобы они были объединены, чтобы минимизировать количество выполняемых HTTP-запросов, что повышает производительность.

Лично я нашел Jammit как хорошее решение для управления этими явно противоречивыми целями. Это драгоценный камень, который упаковывает ваши активы (CSS и JavaScript) и в качестве бонуса может также сжать их.