Что делать после того как скачал пакет через bower?

Question

[freeman0204]

Например я скачал slick-carousel, а дальше нужно делать все как обычно, подключить css js и инициализировать плагин? Или это можно сделать автоматически?

Answer 1

[HamSter]

gulp-useref

Answer 2

[alvvi]

С помощью галпа можно автоматизировать все этапы разработки, кроме написания кода. Главное понимать, что вам действительно нужно. Если вы хотите, чтобы все скрипты подключались одним файлом, можно собрать их все, конкатинировать и подключить один файл в шаблоне. Конкатинация, естественно, происходит автоматически, с помощью watch'a она может происходить сразу после установик плагина. Если файлы нужны по-отдельности, можно создать функцию, которая будет проверять наши bower-депенденси и вставлять тэги скрипт с нужными путями.

Советую посмотреть этот подкаст, чтобы таких вопросов не возникало.

Comments

[freeman0204]

Пока остановился на "Если вы хотите, чтобы все скрипты подключались одним файлом, можно собрать их все, конкатинировать и подключить один файл в шаблоне."
Если с jquery все ясно, файл который нужно подключить находится здесь jquery/dist/jquery.min.js. То как быть с bootstrap-sass? Читал один туториал, там было сказано, прописать в scss файл путь к \bootstrap-sass\assets\stylesheets. Я так и сделал все работает, и еще там написано "Дальше мы должны найти файл с переменными Bootstrap-sass _variables.scss и скопировать его в нашу папку Sass. Смените имя файла на _customVariables.scss. Символ “_” в начале имени файлов означает, что файл не будет компилироваться. " Мне нужна только сетка бутстрап на scss что бы менять его на лету. Подскажите какие именно файлы нужно для этого подключить?

[alvvi]

freeman0204: со страницы в гитхабе :
By default all of Bootstrap is imported.

You can also import components explicitly. To start with a full list of modules copy _bootstrap.scss file into your assets as _bootstrap-custom.scss. Then comment out components you do not want from _bootstrap-custom. In the application Sass file, replace import 'bootstrap' with:

import 'bootstrap-custom';

То есть просто смени импоритруемый бутстрап на кастомный и убери все лишние импорты в нем. Дальше, импортируй этот бутстрап и voilà, готово.