Bower un gestore di pacchetti per il web
1.940 visiteBower è un gestore di pacchetti per il web.
Per scaricare bower potete usare il seguente link.
Offre una soluzione “definitiva” al problema della gestione dei pacchetti di front-end, esponendo il modello di dipendenze dei pacchetti tramite una API.
Bower sta su Git e rappresenta un componente confezionato che può essere costituito da qualsiasi tipo di risorsa, e utilizzare qualsiasi tipo di trasporto (ad esempio, AMD, CommonJS, ecc).
I requisiti per usarlo è installare Node e npm, librerie da cui dipende.
Per installare questi componenti su windows abbiamo utilizzato Git Bash che è una mini-bash di Git.
In questo modo potrete utilizzarlo da linea di comando.
Quindi entrando in Git Bash scriviamo i seguenti comandi:
1 |
npm install -g bower |
Possiamo cercare un package:
1 |
bower search [<name>] |
Se il package non è presente possiamo registrarlo e installarlo:
1 2 |
bower register <my-package-name> <git-endpoint> bower install <my-package-name> |
Solitamente se il package che cerchiamo è su Github dovremmo averlo anche nel repository del nostro gestore di pacchetti web.
Per usare il package quindi possiamo definire la seguente chiamata:
1 |
<script src="/bower_components/jquery/index.js"></script> |
Possiamo anche disinstallare un package usando il seguente comando:
1 |
bower uninstall <package-name> |
Inoltre con il comando:
1 |
bower list |
Possiamo vedere la lista dei package installati.
Un modo veloce per installare nel vostro progetto un nuovo componente con bower basta posizionarsi in Git Bash nella root del progetto e scrivere il seguente comando:
1 |
bower install --save socket.io-client |
In questo modo installeremo il component socket.io-client.
Bower fa riferimento ad un file JSON di configurazione come il seguente:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
{ "name": "nlp", "version": "0.0.0", "dependencies": { "sass-bootstrap": "~2.3.0", "jquery": "~1.9.0", "underscore": "~1.4.3", "backbone": "~1.0.0", "requirejs": "~2.1.5", "requirejs-text": "~2.0.5", "modernizr": "~2.6.2", "backbone.marionette": "~1.0.4" }, "devDependencies": {} } |
Abbiamo notato come utilizzare bower ci abbia fatto risparmiare moltissimo tempo nel cercare e installare i package che ci servivano per lo sviluppo del nostro progetto.
E’ un must per chi sviluppa in javascript !