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. Используйте Makefile для конкатената/сжатия, как ниндзя (как это)
5. Используйте скользкую библиотеку JS, как yepnope.js асинхронно загрузить файлы плагинов по мере необходимости.

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

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

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

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