HTML5 Boilerplate plugins.js - PullRequest
Новая
       5

HTML5 Boilerplate plugins.js

32 голосов
/ 01 января 2011

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

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

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

})(this.jQuery);

1 Ответ

33 голосов
/ 01 января 2011

Этот раздел 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 (отметьте docs ). Его можно использовать для переноса кода, специфичного для jQuery, чтобы вы могли использовать $, сохраняя свой сайт в режиме совместимости с jQuery ... что позволяет вашему сайту прекрасно работать с другими библиотеками, которые также могут использовать $. 1032 *

...