Bower Paketmanager

297 views

Published on

Der beliebteste Paketmanager für statische Dateien wie Javascripts und CSS.

Published in: Internet
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
297
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Bower Paketmanager

  1. 1. Bower A package manager for the web
  2. 2. Funktionen ● Von Twitter ● Ähnlich wie Pip ● Immer mehr Javascripts, Frameworks und jQuery Plugins unterstützen Bower. ● Grosses Package Repository (Github) ● Gists
  3. 3. Installation npm install -g bower
  4. 4. Verwendung Wenn bereits ein bower.json (=requirements.txt) vorhanden: bower install <package> Installieren eines neuen Pakets bower install jquery#2.1.1 --save bower install https://github.com/sbaechler/iCheck.git#aria -S bower install phantomjs --save-dev Bower empfiehlt, die installierten Archive auch in Git einzuchecken.
  5. 5. Konfiguration Standardmässig werden alle Pakete in den Ordner bower_components installiert. Bei Django ist das nicht optimal, wegen der Staticfiles app. Mit einer Datei .bowerrc kann man Bower konfigurieren: {"directory":"webapp/static/libs"}
  6. 6. bower.json Es gibt nur eine Datei, bower.json, für Paketinformationen und Dependencies. (= setup.py + requirements.txt) Durch hinzufügen dieser Datei kann die App auch gleich selbst über Bower referenziert und installiert werden. Ein Archiv kann als “private” markiert werden, um eine Indexierung zu verhindern.
  7. 7. bower.json { "name": "hslu-ch", "version": "1.0.0", "authors": [ "Simon Bächler <sb@feinheit.ch>", "Simon Schmid", "Andrin Heusser <ah@feinheit.ch>" ], "description": "HSLU Webseite 2014", "private": true, "ignore": [ "**/.*", "webapp/static/libs", "bower_components", "test", "tests" ], "dependencies": { "1579671": "git://gist.github.com/1579671.git", "jquery": "2.1.1", "backbone": "1.1.2", "jQuery-Collapse": "ae5121ea1e2d...72dd250", "hoverintent": "*", "iosslider": "4f3034a21f119a50a1a50ab0f2bdb3365e543a27", "underscore": "~1.6.0", "iCheck": "https://github.com/sbaechler/iCheck.git#aria", "foundation": "~5.2.2", "matchMedia": "~0.2.0", "headjs": "~1.0.3" }, "resolutions": { "jquery": "2.1.1" }, "dev-dependencies": {} }
  8. 8. Mehr Infos http://bower.io/

×