HTML5 Boilerplate plugins.js

Question

Как можно включить дополнительные файлы js в plugins.js? Ожидается ли, что мы просто скопируем и вставим туда содержимое каждого плагина? Или есть какой-то способ сделать JS включать, что я должен использовать?

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

// remap jQuery to $
(function($){

})(this.jQuery);

Answer 1

Этот раздел html5boilerplate является своего рода аббревиатурой того, что должно / могло бы пойти туда.

Вы можете подойти к plugins.js несколькими способами:

1. Проигнорируйте это и включите все свои плагины JS как отдельные файлы (нежелательно)
2. Конкатенация и минимизация файлов плагинов вручную (это сложно поддерживать)
3. Используйте сценарий, чтобы объединить их (и кэшировать) во время выполнения ( как это)
4. Используйте make-файл для объединения / сжатия как ниндзя ( как это)
5. Используйте удобную библиотеку JS, такую ​​как yepnope.js, чтобы асинхронно загружать файлы плагинов по мере необходимости.

Есть много вариантов включения ваших плагинов JS... вам, конечно, придется взвесить их самим. Я обычно использую варианты 3 или 4, хотя мне нужно начать использовать 5.

Что касается того, что входит в фрагмент кода, который вы дали:

(function($){
  // This is a wrapper for your jQuery stuff 
})(this.jQuery);

Вы увидите, что этот блок кода содержит множество плагинов jQuery (см. Документацию). Его можно использовать для переноса кода, специфичного для jQuery, чтобы вы могли использовать $ сохраняя ваш сайт в режиме совместимости с jQuery... который позволяет вашему сайту хорошо играть с другими библиотеками, которые могут использовать $ также.