Utiliser le bootstrap avec bower

Question

J'essaie d'utiliser le bootstrap avec bower, mais comme il clone tout le dépôt, il n'y a pas de CSS et d'autres choses.

Cela signifie-t-il que je dois inclure la construction de Bootstrap dans mon propre processus de construction? Ou si je me trompe, quel est le bon flux de travail?

Answer 1

J'ai finalement terminé en utilisant les éléments suivants : bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

Semble plus propre à moi, car il n'est pas de cloner l'ensemble de pensions, il ne décompressez le nécessaire biens.

L'inconvénient de cette méthode est qu'elle casse la charmille de la philosophie depuis un bower update ne sera pas de mise à jour de bootstrap.

Mais je pense que c'est encore plus propre que d'utiliser bower install bootstrap , puis la construction de bootstrap dans votre flux de travail.

C'est une question de choix, je suppose.

Mise à jour : il semble qu'ils maintenant la version dist dossier (voir: https://github.com/twbs/bootstrap/pull/6342), donc il suffit d'utiliser bower install bootstrap et le point à l'actif en dist le dossier

Answer 2

Il existe un package préinstallé de bootstrap nommé bootstrap-css. Je pense que c'est ce que vous (et moi) espérions trouver.

Answer 3

Les fichiers css et js sont situés dans le package: bootstrap/docs/assets/

METTRE À JOUR:

Depuis la version 3, il existe un dossier dist dans le package qui contient tous les css, js et polices.

---

Une autre option (si vous voulez simplement récupérer des fichiers uniques) pourrait être: pulldown . La configuration est extrêmement simple et vous pouvez facilement ajouter vos propres fichiers / URL à la liste.

Answer 4

J'ai fini par aller avec un script shell que vous ne devriez avoir à exécuter qu'une seule fois lors de la première vérification d'un projet.

 #!/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/
 

Answer 5

Rappelez-vous également qu'avec une commande comme:

bower search twitter

Vous obtenez un résultat avec une liste de tous les packages liés à twitter. De cette façon, vous êtes au courant de tout ce qui concerne Twitter et Bower, comme par exemple savoir s'il existe un tout nouveau composant Bower.