Your SlideShare is downloading. ×

Bower Paketmanager

101
views

Published on

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

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
101
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Bower A package manager for the web
  • 2. Funktionen ● Von Twitter ● Ähnlich wie Pip ● Immer mehr Javascripts, Frameworks und jQuery Plugins unterstützen Bower. ● Grosses Package Repository (Github) ● Gists
  • 3. Installation npm install -g bower
  • 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. 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. 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. 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. Mehr Infos http://bower.io/