Использование bootstrap с bower
Я пытаюсь использовать bootstrap с bower, но поскольку он клонирует все РЕПО, нет CSS и других вещей.
означает ли это, что мне нужно включить создание Bootstrap в мой собственный процесс сборки? Или, если я ошибаюсь, каков правильный рабочий процесс?
7 ответов
я, наконец, закончил использовать следующее :
bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip
кажется мне чище, так как он не клонирует все РЕПО, он только распаковывает необходимые assests.
недостатком этого является то, что он нарушает философию Бауэра с 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/
обновление:
С В3 есть dist
папка в пакете, который содержит все css, js и шрифты.
другой вариант (если вы просто хотите получить отдельные файлы) может быть:пулдаун. Конфигурация предельно проста и вы можете легко добавить свои собственные файлы/url к списку.
предполагая, что у вас установлен npm и bower установлен глобально
- перейдите к вашему проекту
-
bower init
(это создаст беседке.файл json в вашем каталоге) - (затем продолжайте нажимать "да")...
-
чтобы установить путь, где будет установлен bootstrap:
вручную создайте.bowerrc
файл рядом с беседкой.файл json и добавьте к нему следующее:{ "справочник" : "общественность / компоненты" }
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.
у вас есть install nodeJs в вашей системе для выполнения npm
команды. После npm
правильно работает, вы можете посетить bower.io
. Там вы найдете полную документацию по этой теме. Вы найдете команду $ npm install bower
. это установит беседке на своей машине. После установки беседке вы можете легко установить Bootstrap.