Використання завантажувального пристрою з 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.