Сжатие Javascript И Css В Rails С Помощью Assets_Packager

Часто бывает, что при выполнении большого проекта у вас в итоге получается куча отдельных javascript-файлов типа библиотек, плагинов к ним и прочего.

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

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

В связи с тем, что версия Rails для разработки и производства разделены, с помощью плагина assets_packager вы можете настроить автоматический процесс сжатия всех js и всех css файлов в 2 файла с вырезанием всех комментариев.

Те.

Получается, что в девелоперской версии у вас будут нормально поддерживаться скрипты и стили, а в продакшене все будет объединено для ускорения загрузки (p.s. браузеры вообще не поддерживают параллельную загрузку js и css файлов).



Как использовать

  1. Установите плагин: установка скрипта/плагина sbecker.net/shared/plugins/asset_packager или установка скрипта/плагина git://github.com/sbecker/asset_packager.git
  2. Запустите «rake assets:packager:create_yml», чтобы впервые сгенерировать конфигурацию /config/asset_packages.yml. Там описано, какие файлы следует объединить и в каком порядке (синтаксис — простейший конфиг yaml)
  3. Запустите «rake assets:packager:build_all», чтобы сгенерировать сжатые файлы.

    Каждый раз, когда вы переписываете конфиг, вам нужно запускать задачу заново.



Как это работает

Например, поместите вызов JavaScript в свой макет: <%= javascript_include_merged 'prototype', 'effects', 'controls', 'dragdrop', 'application', 'foo', 'bar' %> В версии для разработчиков вы получите: И в производстве: То же самое и со стилями: Вызов <%= stylesheet_link_merged 'screen', 'header' %> сделаю в разработке:

/> />

И в производстве:

/>

Получайте удовольствие от его использования! Теги: #rails #ror #ruby onrails #JavaScript #ruby #plugin #CSS #ruby
Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.