Использование bootstrap с bower


Я пытаюсь использовать bootstrap с bower, но поскольку он клонирует все РЕПО, нет CSS и других вещей.

означает ли это, что мне нужно включить building Bootstrap в мой собственный процесс сборки? Или, если я ошибаюсь, каков правильный рабочий процесс?

7 134

7 ответов:

я, наконец, закончил использовать следующее : bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

кажется мне чище, так как он не клонирует все РЕПО, он только распаковывает необходимые активы.

недостатком этого является то, что он нарушает философию Бауэра с A bower update не будет обновлять bootstrap.

но я думаю, что это все еще чище, чем использование bower install bootstrap а затем создание bootstrap в рабочем процессе.

это вопрос выбора I догадка.

обновление : кажется, они теперь версия папки dist (см.:https://github.com/twbs/bootstrap/pull/6342), так что просто используйте bower install bootstrap и указать на активы в dist папку

существует готовый пакет bootstrap bower под названием bootstrap-css. Я думаю, что это то, что вы (и я) надеялись найти.

bower install bootstrap-css

Спасибо, Нико.

файлы css и js находятся в пакете:bootstrap/docs/assets/

обновление:

так как v3 есть dist папка в пакете, который содержит все css, js и шрифты.


другой вариант (если вы просто хотите получить отдельные файлы) может быть:pulldown. Конфигурация предельно проста и вы можете легко добавить свои собственные файлы/url к списку.

предполагая, что у вас установлен npm и bower установлен глобально

  1. перейдите к вашему проекту
  2. bower init (это создаст беседке.json-файл в вашем каталоге)
  3. (затем продолжайте нажимать "да")...
  4. чтобы задать путь, по которому будет установлен bootstrap:
    вручную создайте .bowerrc файл рядом с беседкой.JSON-файл и добавьте к нему следующий код:

    { "справочник" : "общественность / компоненты" }

  5. bower install bootstrap --save

Примечание: Для установки других компонентов:

 bower search {component-name-here}

Я закончил тем, что пошел со скриптом оболочки, который вам действительно нужно запустить только один раз, когда вы впервые проверяете проект

#!/usr/bin/env bash

mkdir -p webroot/js
mkdir -p webroot/css
mkdir -p webroot/css-min
mkdir -p webroot/img
mkdir -p webroot/font

npm i
bower i

# boostrap
pushd components/bootstrap
npm i
make bootstrap
popd
cp components/bootstrap/bootstrap/css/*.min.css webroot/css-min/
cp components/bootstrap/bootstrap/js/bootstrap.js src/js/deps/
cp components/bootstrap/bootstrap/img/* webroot/img/

# fontawesome
cp components/font-awesome/css/*.min.css webroot/css-min/
cp components/font-awesome/font/* webroot/font/

также помните, что с командой, как:

bower search twitter

вы получаете результат со списком любого пакета, связанного с twitter. Таким образом, вы в курсе всего, что касается Twitter и Bower, например, зная, есть ли новый компонент bower.

у вас есть установка nodeJs в вашей системе для выполнения npm команды. Один раз npm правильно работает вы можете посетить bower.io. Там вы найдете полную документацию по этой теме. Вы найдете команду $ npm install bower. это установит беседке на своей машине. После установки беседке вы можете легко установить Bootstrap.

вот видео-учебник о том, что