Структура HTML5Bilerplate js

Мне интересно, может ли кто-нибудь проверить мое понимание того, каково предназначение каталогов HTML5Boilerplate js. Я понимаю, что main.js — это место, где я должен размещать все написанные мной javascript для конкретного сайта. В Plugins.js я бы разместил все используемые плагины jQuery. И main.js, и plugins.js будут объединены и минимизированы в процессе сборки. Vendor.js содержит библиотеки javascript. Этот каталог будет минимизирован (если он уже не минифицирован), но не объединен.

Если это так, то мой вопрос: где разместить что-то вроде симпатичного слайдера с модульной структурой? Я думаю, что хочу, чтобы он был минимизирован и объединен, чтобы он не попадал в каталог поставщика. Я не верю, что смогу добавить javascript cuteslider в main.js или plugins.js, не разрушив его модульную структуру. Должен ли я создать новый каталог и назвать его как-то вроде apps, чтобы содержать код cuteslider, а затем изменить код сборки, чтобы минимизировать и объединить его?

Вот фрагмент структуры кода cuteslider

cute
    cute.2d.module.js
    cute.canvas.module.js
    cute.css3d.module.js
    cute.gallery.plugin.js
    cute.slider.js
    cute.transitions.all.js

javascript html html5boilerplate
person Douglas Learman    schedule 17.02.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Во-первых, вы должны рассматривать cuteslider как плагин.

Добавьте необходимые файлы, чтобы плагин заработал (cute.slider.js, cute.transitions.all.js и respond.min.js. ) в файле plugins.js.

Затем добавьте js для загрузки ползунка на вашу страницу в main.js как

$(document).ready(function() {
        // code here to load cuteslider
});

Модульный вид должен быть установлен только в файле main.js.

person jjj    schedule 18.02.2013