Использование начальной загрузки с беседкой

133

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

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

  • 28
    Совсем не глупый вопрос. Это первый пакет, который я попытался установить с помощью bower. В результате отсутствие ясности и беспорядка заставило меня долго упускать из виду инструмент.
Теги:
bower

7 ответов

87
Лучший ответ

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

Мне кажется, что он чист для меня, так как он не клонирует все репо, он только разархивирует необходимые анализы.

Недостатком этого является то, что он нарушает философию bower, поскольку bower update не будет обновлять загрузочный файл.

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

Это вопрос выбора, я думаю.

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

Поделиться
  • 2
    Только что обновленные npm и bower и наличие "bootstrap": "http://twitter.github.com/bootstrap/assets/bootstrap.zip" в component.json также, похоже, работают.
  • 7
    Разве это не противоречит цели использования беседки?
Показать ещё 4 комментария
75

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

bower install bootstrap-css

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

Поделиться
  • 0
    @DanielM, если он показал, как получить / установить этот пакет. В настоящее время это комментарий, а не ответ.
  • 0
    bower установить bootstrap-css
Показать ещё 2 комментария
27

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

UPDATE:

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

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

Поделиться
  • 0
    нет минимизированных файлов там.
  • 0
    Это неверно по крайней мере на сегодняшний день для Bootstrap 3. Единственные файлы в bower_components / bootstrap / docs / assets / css / - это docs.css и pygments-manni.css. Ни один из них не является файлами Bootstrap css.
4

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

  • перейти к вашему проекту
  • bower init (это приведет к созданию файла bower.json в вашем каталоге)
  • (затем нажмите "Да" )...

  • чтобы установить путь, в котором будет установлен bootstrap:
    вручную создайте файл .bowerrc рядом с файлом bower.json и добавьте к нему следующее:

    { "directory": "public/components" }

  • bower install bootstrap --save

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

 bower search {component-name-here}
Поделиться
3

Я закончил работу с оболочкой script, которую вам действительно нужно будет запускать только один раз при первой проверке проекта

#!/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/
Поделиться
  • 2
    Я бы не рекомендовал это ....
  • 1
    @lenswipe Да, я тоже, не сейчас, во всяком случае. три года спустя произошли события, когда больше не нужно делать это
1

Также помните, что с помощью команды вроде:

bower search twitter

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

Поделиться
  • 0
    Спасибо, это помогает показать все, что связано с Twitter, но показывает много вариантов установки. Если вы хотите установить последнюю версию загрузчика Twitter, используйте «bower install twitter», который устанавливает github.com/twbs/bootstrap и который также включает скомпилированные исходники в каталоге dist.
  • 0
    Отлично, так что с комбинацией обоих, вы всегда можете знать, что будет установлено на вашем компьютере.
0

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

Вот видео-учебник по этому вопросу

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню