Файл JavaScript для просмотра в Rails

В соответствии с рекомендациями "ненавязчивого JavaScript" я хочу разделить логику JavaScript на
отдельные файлы. Однако я не знаю, как их организовать.

Должен ли я:

Просто бросьте все javascript приложения в файл Application.js и загрузите его с помощью страницы макета? Это простой подход, но в итоге у меня будет раздутый Application.js. Некоторые пользователи могут захотеть посетить только пару страниц, но весь этот файл будет предварительно загружен, что не очень хорошо.
Или мне нужно создать отдельный файл javaScript для каждого представления и загрузить их самостоятельно? Это создает набор вопросов. Как связать каждый js файл с соответствующим представлением?
Спасибо.

Ответ 1

Загружать основной JavaScript в application.js каждый раз. Теперь создайте файлы для разных нужд. Создайте файл form.js, файл myfancypart.js и т.д. Не загружайте их в макет application.html.erb. Загружайте их динамически, когда они вам понадобятся:

application.html.erb:

<%= javascript_include_tag "application" %>
<%= yield :javascript_includes %>

верхняя часть вашего view.html.erb:

<% content_for :javascript_includes do %>
  <%= javascript_include_tag "forms.js" %>
<% end %>

Все содержимое блока content_for будет загружено с выходом: javascript_includes.

Ответ 2

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

Еще одна вещь, которая может вас заинтересовать - это sprockets, менеджер зависимостей javascript, который вы можете установить с помощью gem. Вы можете получить дополнительную информацию о звездочках на веб-сайте (http://getsprockets.org/) или на странице github (https://github.com/rails/sprockets). Это делает написание больших приложений на JavaScript намного более управляемым.

Ответ 3

Это изменяется с помощью Rails 3.1 и конвейера активов!!!

Разделяйте файлы лучше, как вы указываете. Вопросы о том, как ссылаться на них и связывать их, уходят с rails 3.1, целью которого является их компиляция в отдельные файлы для производства.

Ответ 4

Можно использовать Jammit для включения файлов css и javascripts

для деталей: http://documentcloud.github.com/jammit/

Использование:

шаг 1:

Добавить js файлы в assets.yml(см. код ниже)

JavaScripts:

footer:

- app/javascripts/lib/*.js
- app/javascripts/jquery-plugins/*.js
- app/javascripts/custom/*.js
- app/javascripts/application.js

Заголовок:

- app/javascripts/core/*.js
- app/javascripts/head/*.js

Шаг 2:

Добавьте простой код в макет приложения:

<%= include_javascripts :header %>
<%= include_javascripts :footer %>

Ответ 5

возможно, вы хотите использовать application_helper

def javascript(*files)
  content_for(:head) { javascript_include_tag(*files) }
end

def stylesheet(*files)
  content_for(:head) { stylesheet_link_tag(*files) }
end