Використання завантажувального пристрою з bower


135

Я намагаюся використовувати bootstrap з bower, але оскільки він клонує всю репо, немає CSS та інших речей.

Чи означає це, що мені потрібно включити створення Bootstrap у свій власний процес збирання? Або якщо я помиляюся, який правильний робочий процес?


28
Зовсім не тупе питання. Це перший пакет, який я намагався встановити з bower. В результаті відсутність ясності та безладу змусило мене надовго не помітити інструмент.
jhappoldt

Відповіді:


84

Нарешті я закінчив використовувати наступне: 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також , здається, працює.
антитоксичний

8
Чи це не перемагає в першу чергу мета використання бауера?
namuol

5
Так, це якось смоктало. Але все, що більше смокче, - це відновити завантажувальний процес у власному процесі збирання, оскільки вони не версії будують у своєму репо.
xavier.seignard

1
@namuol, я точно думав, що бауер створений для тих, хто не знає, як зробити структуру dir для будь-якої бібліотеки, наприклад jquery, bootstrap ... не має сенсу надавати вихідні файли тим, хто не знайте, це їх більше бентежить!
alexserver

Оновлення npm було рішенням для мене.
Ів Ван Брукховен

78

Існує попередньо вбудований пакет bowerstrap bower під назвою bootstrap-css. Я думаю, що саме це ви (і я) сподівалися знайти.

bower install bootstrap-css

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


@DanielM, якщо він показав, як отримати / встановити цей пакет. Наразі це коментар, а не відповідь.
Popnoodles

bower install bootstrap-css
Nico

1
Це правильна відповідь. Це репортаж попереднього збирання з усіма .min. {Js | css} файлами.
0x126

28

Файли css та js знаходяться в пакеті: bootstrap/docs/assets/

ОНОВЛЕННЯ:

оскільки v3 є distпапка в пакеті, яка містить усі css, js та шрифти.


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


Принаймні сьогодні, це невірно для Bootstrap 3. Єдині файли в bower_components / bootstrap / docs / tools / css / - docs.css та pygments-manni.css. Жодне з них не є файлами CSS Bootstrap.
кавомолка

4

припустимо, що у вас встановлено npm та bower встановлено у всьому світі

  1. перейдіть до свого проекту
  2. bower init (це створить файл bower.json у вашому каталозі)
  3. (потім продовжуйте клацати так) ...
  4. щоб встановити шлях, куди буде встановлена ​​завантажувальна програма:
    вручну створіть .bowerrcфайл поруч із файлом bower.json та додайте до нього наступне:

    {"каталог": "public / компоненти"}

  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/

1
@lenswipe Так, ні я, ні зараз. через три роки все розвинулося там, де більше не потрібно було цього робити
slf

2

Також пам’ятайте, що з такою командою, як:

bower search twitter

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


Дякуємо, що допомагає показати все, що пов’язано з Twitter, але він показує багато варіантів встановлення. Якщо ви хочете встановити останню завантажувальну програму twitter, використовуйте "bower install twitter", яка встановлює github.com/twbs/bootstrap, а також включає в себе складені джерела в каталозі dist.
AWolf

Ідеально, тому в поєднанні обох ви завжди можете знати, що буде встановлено у вашому комп’ютері.
joaquindev

0

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

Ось відеоурок про це

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.