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

135

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

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

twitter-bootstrap bower xavier.seignard
источник
28
Совсем не глупый вопрос. Это первый пакет, который я попытался установить с помощью bower. В результате отсутствие ясности и беспорядка заставило меня долго упускать из виду инструмент.
Джаппольдт

Ответы:

84

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

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

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

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

Я полагаю, это вопрос выбора.

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

xavier.seignard
источник
2
Просто обновляется npmи bowerи имея "bootstrap": "http://twitter.github.com/bootstrap/assets/bootstrap.zip" в component.jsonтакже , кажется, работает.
антитоксический
8
Разве это не противоречит цели использования беседки?
namuol
5
Да, это отстой. Но больше всего отстраняет повторная сборка начальной загрузки в вашем собственном процессе сборки, так как они не строят версии в своем репо.
xavier.seignard
1
@namuol, точно, я думал, что bower был создан для тех, кто не знал, как создать структуру dir для любой библиотеки, такой как jquery, bootstrap ... нет смысла предоставлять исходные файлы тем, кто не знает знаете, это их больше смущает!
alexserver
Обновление npm было для меня решением.
Ив Ван Бройховен
78

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

bower install bootstrap-css

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

Терри Роу
источник
@DanielM, если он показал, как получить / установить этот пакет. В настоящее время это комментарий, а не ответ.
Popnoodles
Бауэр установить bootstrap-css
Нико
1
Это правильный ответ. Это предварительное хранилище со всеми файлами .min. {Js | css}.
0x126
28

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

ОБНОВИТЬ:

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

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

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

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

  1. перейти к вашему проекту
  2. bower init (это сгенерирует файл bower.json в вашем каталоге)
  3. (затем продолжайте нажимать да) ...

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

    {"directory": "public / components"}

  5. bower install bootstrap --save

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

 bower search {component-name-here}
Махмуд Зальт
источник
3

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

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

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

bower search twitter

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

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

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

Вот видеоурок по этому

асад хан
источник