HTML5 Boilerplate plugins.js

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

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

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

})(this.jQuery);

Ответы

Ответ 1

Этот раздел html5boilerplate - это аббревиатура того, что должно/могло бы идти туда.

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

  • Игнорировать его и включить все ваши JS-плагины в виде отдельных файлов (нежелательно)
  • Вручную конкатенация и минимизация файлов плагинов (это боль для поддержания)
  • Используйте script для их конкатенации (и кэширования) во время выполнения (как это)
  • Используйте make файл для конкатенации/сжатия как ниндзя (как это)
  • Используйте слабую библиотеку JS, например yepnope.js, чтобы асинхронно загружать ваши файлы плагинов по мере необходимости.

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

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

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

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