Как использовать main.js и plugins.js из HTML5 Boilerplate?

Есть аналогичный вопрос, на который есть принятый ответ, но ссылка, на которую он ссылается, больше не доступен (не даже на обратном пути). Сами документы H5BP не очень конкретны по этому вопросу (здесь), по крайней мере, не для нуба вроде меня. И ответ на подобный вопрос по-прежнему мало что мне объясняет. Он как бы касается того, как использовать plugins.js, но не очень конкретен и не объясняет main.js.

К сожалению, это единственная информация, которую мне удалось найти, и я до сих пор не совсем понимаю, для чего нужны эти файлы. Так может ли кто-нибудь объяснить;

Как использовать main.js и plugins.js из шаблона HTML5?

Какова их функция, как бы я их использовал?


javascript html jquery requirejs html5boilerplate
person Community    schedule 02.10.2013    source источник
comment
Я как бы понимаю, что они там для целей организации, но на самом деле не знаю, что вы будете делать, если захотите, например, включить и запустить плагин jquery. Или как это будет отличаться от этого с плагином, отличным от jquery. Или в чем разница между main.js и plugins.js.   -  person    schedule 02.10.2013
comment
Из этот вопрос я как-то понял, что ваши сценарии инициализации идут в main.js, и вы загружаете любые плагины из плагинов.js. Но я до сих пор не понимаю большего.   -  person    schedule 02.10.2013
comment
Кроме того, из документов require.js я вижу, что он также использует main .js, поэтому он использует аналогичную структуру. Хотя, похоже, он не использует plugins.js, но вместо этого, похоже, выполняет всю свою инициализацию из main.js.   -  person    schedule 02.10.2013
comment
исходный H5BP документы дают объяснение, которое немного отличается; он говорит поместить весь код плагина в plugins.js и поместить весь код, который вы написали сами, в main.js. Что противоречит другим источникам. Например, этот ответ советует поместить инициализацию плагинов в main.js.   -  person    schedule 02.10.2013
comment
Это - еще один похожий вопрос, к сожалению, без окончательного ответа.. (также этот)   -  person    schedule 02.10.2013
comment
Этот вопрос задает аналогичный вопрос, но о старая версия H5BP. Кажется, что plugins.js можно использовать для всех сторонних js (но не сказано, каким именно образом). Main.js, вероятно, раньше назывался scripts.js, в этом посте предлагается использовать его для всего, что вы написали сами. Я не знаю, будут ли это также включать сценарии инициализации и каким образом должны быть включены ваши собственные сценарии.   -  person    schedule 02.10.2013

Ответы (3)


arrow_upward
5
arrow_downward

Это просто рекомендуемая организация.

Идея состоит в том, чтобы поместить плагины jQuery, которые вы используете, в plugins.js и (в зависимости от размера сайта) выполнять свою работу в main.js.

Я подробно описал это в документах по стандартам Isboar (хотя этот документ ссылается на scripts.js, а не на main.js)

person roblarsen    schedule 02.10.2013
comment
Ах, хорошо, а сценарии инициализации для плагинов из plugins.js также идут в main.js? Или они должны быть в отдельном файле? - person ; 03.10.2013
comment
Хорошая статья, кстати, очень подробная! - person ; 03.10.2013
comment
@ Самуэль, да. Используя пример в статье, вы должны инициализировать любые плагины в функции инициализации вашего приложения или в инициализации конкретной страницы/модуля. plugins.js был в основном просто для того, чтобы плагины жили упорядоченно. там не должно быть кода приложения. - person roblarsen; 03.10.2013
comment
Спасибо чувак, очень хорошая статья. Что вы предлагаете по поводу конкретной инициализации страницы/модуля? Представьте, что я копирую уменьшенную версию плагина в свой файл #Plugins.js и инициализирую этот плагин только на одной странице (в моем #Main.js ), но получаю ошибку ссылки на других страницах. - person Ali Tabibzadeh; 12.12.2013
comment
Самый простой способ управлять этим для постраничных сайтов — просто инициализировать на основе идентификатора или класса самой страницы. Итак, если вам это нужно на вашей домашней странице, вы можете проверить наличие body#home и затем инициализировать. Схема формализована в маршрутизации на основе домена Пола paulirish. ком/2009/ - person roblarsen; 13.12.2013

arrow_upward
0
arrow_downward

plugins.js предназначен для размещения всех ваших скриптов поставщиков (не созданных вами) в одном файле. У вас может быть tooltio.1.4.js, tablular.min.js или d3.vert.js — и вместо того, чтобы использовать все эти JS-файлы непосредственно на HTML-странице, вы копируете и вставляете все коды в plugins.js.

Main.js — это просто файл шаблона, предоставленный вам для ваших собственных кодов.

person user2836265    schedule 02.10.2013

arrow_upward
0
arrow_downward

Вам следует обратиться к другим репозиториям h5bp. Проверьте это https://github.com/h5bp/html5boilerplate.com/blob/master/src/js/main.js

person Elise Chant    schedule 23.04.2015
comment
Ссылки на внешние ресурсы приветствуются, но, пожалуйста, добавьте контекст вокруг ссылки, чтобы ваши коллеги-пользователи имели некоторое представление о том, что это такое и почему оно там. Всегда цитируйте наиболее релевантную часть важной ссылки на случай, если целевой сайт недоступен или навсегда отключится. - person Paresh Mayani; 23.04.2015