roots.io/sage добавить пакет bower

Поэтому я отчаянно пытаюсь понять, как добавлять и контролировать пакеты в root.io/sage.

Среда запущена (решетка и все), и моя тема загружается отлично. Я решил, что хочу обновить bootstrap до alpha6 и до нового jquery. Я считаю, что эти шаги (для любой новой библиотеки JavaScript) будет.

  1. Используйте Bower для установки пакета (с --save)

bower - сохранить установить bootstrap@4.0.0-alpha.6

Это добавляет следующее к bower.json в каталоге темы (корневой уровень, такой же, как base.php), и, поскольку я хочу только пакет, я не думаю, что мне нужны переопределения?

  "dependencies": {
    "bootstrap": "4.0.0-alpha.6",
  1. Добавьте пакет bower в manifest.json

    "jquery.js": {"bower": ["jquery"]}, "bootstrap.js": {"bower": ["bootstrap"]}

Здесь мне действительно интересно, как мне теперь сказать base.php загрузить его. Страница загружается нормально, но загружает jquery v1.12.4. И я не вижу ни одной строки, которая сообщает base.php, что загружать куда. Является ли автозагрузчик настолько эффективным, что он должен выяснить, как добавлять файлы CSS и JS, или это переопределения делают чудеса?

Что я пропускаю действительно очевидный шаг?

1 ответ

Поэтому я ответил на свой собственный вопрос, ну, кто-то еще, в очень длинном посте. Но у меня было две проблемы, одна из которых заключалась в том, что я не понимал, как загрузчик ресурсов работает с gulp (все заканчивается в main.js и main.css). Во-вторых, мой процесс глотания умер, и я не заметил, поэтому он загружал старые версии некоторых битов.

Шаг 1 и 2 были правильными. Но вам нужны овериды, чтобы загрузчик ресурсов мог определить, какие файлы js и css добавить в файлы main.js и main.css. В этой теме есть очень хорошая блок-схема https://discourse.roots.io/t/adding-bower-files-to-sage-8-0-0/2825/10

Во-вторых, начальную загрузку alpha6 сложно сделать как файл bower, поэтому я украл у кого-то еще тяжелую работу над этим https://gist.github.com/folbert/94f0b82a8807fb70f7346db7fb258ff6

Другие вопросы по тегам