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

Mais conteúdo relacionado

Destaque

Marketing Role 2014
Marketing Role 2014Marketing Role 2014
Marketing Role 2014aiesecar
 
Organsiation in der Praxis 4/4 - SS 2014
Organsiation in der Praxis 4/4 - SS 2014Organsiation in der Praxis 4/4 - SS 2014
Organsiation in der Praxis 4/4 - SS 2014Ellermann Jörg
 
Global Warming
Global WarmingGlobal Warming
Global Warmingu439
 
Chantier participatif By Hopineo
Chantier participatif By HopineoChantier participatif By Hopineo
Chantier participatif By HopineoHopineo
 
Arrazionalismoa (berria)
Arrazionalismoa (berria)Arrazionalismoa (berria)
Arrazionalismoa (berria)mfresnillo
 

Destaque (6)

Marketing Role 2014
Marketing Role 2014Marketing Role 2014
Marketing Role 2014
 
Moodle
MoodleMoodle
Moodle
 
Organsiation in der Praxis 4/4 - SS 2014
Organsiation in der Praxis 4/4 - SS 2014Organsiation in der Praxis 4/4 - SS 2014
Organsiation in der Praxis 4/4 - SS 2014
 
Global Warming
Global WarmingGlobal Warming
Global Warming
 
Chantier participatif By Hopineo
Chantier participatif By HopineoChantier participatif By Hopineo
Chantier participatif By Hopineo
 
Arrazionalismoa (berria)
Arrazionalismoa (berria)Arrazionalismoa (berria)
Arrazionalismoa (berria)
 

Semelhante a Bower Paketmanager

Automatischer Build mit Maven
Automatischer Build mit MavenAutomatischer Build mit Maven
Automatischer Build mit MavenStefan Scheidt
 
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan ScheidtAutomatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan ScheidtOPITZ CONSULTING Deutschland
 
Composer und TYPO3
Composer und TYPO3Composer und TYPO3
Composer und TYPO3Peter Kraume
 
DACHNUG50 CNX3 Monitoring.pdf
DACHNUG50 CNX3 Monitoring.pdfDACHNUG50 CNX3 Monitoring.pdf
DACHNUG50 CNX3 Monitoring.pdfDNUG e.V.
 
GWT Introduction
GWT IntroductionGWT Introduction
GWT Introductionpfleidi
 
Lokale TYPO3 Entwicklungsumgebung mit DDEV
Lokale TYPO3 Entwicklungsumgebung mit DDEVLokale TYPO3 Entwicklungsumgebung mit DDEV
Lokale TYPO3 Entwicklungsumgebung mit DDEVPeter Kraume
 
How to install Gitweb on Ubuntu
How to install Gitweb on UbuntuHow to install Gitweb on Ubuntu
How to install Gitweb on Ubuntuteena77
 
Zend Framework and Dojo
Zend Framework and DojoZend Framework and Dojo
Zend Framework and DojoMayflower GmbH
 
Schulung jQuery JavaScript-Bibliothek
Schulung jQuery JavaScript-BibliothekSchulung jQuery JavaScript-Bibliothek
Schulung jQuery JavaScript-Bibliothektutego
 
Neues aus der TYPO3 Welt 06/2018
Neues aus der TYPO3  Welt 06/2018Neues aus der TYPO3  Welt 06/2018
Neues aus der TYPO3 Welt 06/2018Kai Unterberg
 
TYPO3 CMS 7.0 - Die Neuerungen - pluswerk
TYPO3 CMS 7.0 - Die Neuerungen - pluswerkTYPO3 CMS 7.0 - Die Neuerungen - pluswerk
TYPO3 CMS 7.0 - Die Neuerungen - pluswerkdie.agilen GmbH
 
DDEV - Eine lokale Entwicklungsumgebung
DDEV - Eine lokale EntwicklungsumgebungDDEV - Eine lokale Entwicklungsumgebung
DDEV - Eine lokale EntwicklungsumgebungFrank Schmittlein
 
TYPO3 Dokumentation mit ReStructuredText
TYPO3 Dokumentation mit ReStructuredTextTYPO3 Dokumentation mit ReStructuredText
TYPO3 Dokumentation mit ReStructuredTextPeter Linzenkirchner
 
Keynote der 1. webEdition Benutzer Konferenz 2011 in Frankfurt
Keynote der 1. webEdition Benutzer Konferenz 2011 in FrankfurtKeynote der 1. webEdition Benutzer Konferenz 2011 in Frankfurt
Keynote der 1. webEdition Benutzer Konferenz 2011 in FrankfurtwebEdition
 
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam AugustinFMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam AugustinVerein FM Konferenz
 
Durchgestartet? Eine Einführung in die Google App Engine / Java - Reloaded!
Durchgestartet? Eine Einführung in die Google App Engine / Java - Reloaded!Durchgestartet? Eine Einführung in die Google App Engine / Java - Reloaded!
Durchgestartet? Eine Einführung in die Google App Engine / Java - Reloaded!adesso AG
 
Entwickeln mit Wordpress
Entwickeln mit WordpressEntwickeln mit Wordpress
Entwickeln mit WordpressBlogwerk AG
 

Semelhante a Bower Paketmanager (20)

Automatischer Build mit Maven
Automatischer Build mit MavenAutomatischer Build mit Maven
Automatischer Build mit Maven
 
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan ScheidtAutomatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
 
Composer und TYPO3
Composer und TYPO3Composer und TYPO3
Composer und TYPO3
 
Automatisierung mit grunt
Automatisierung mit gruntAutomatisierung mit grunt
Automatisierung mit grunt
 
DACHNUG50 CNX3 Monitoring.pdf
DACHNUG50 CNX3 Monitoring.pdfDACHNUG50 CNX3 Monitoring.pdf
DACHNUG50 CNX3 Monitoring.pdf
 
GWT Introduction
GWT IntroductionGWT Introduction
GWT Introduction
 
Einführung in Docker
Einführung in DockerEinführung in Docker
Einführung in Docker
 
Lokale TYPO3 Entwicklungsumgebung mit DDEV
Lokale TYPO3 Entwicklungsumgebung mit DDEVLokale TYPO3 Entwicklungsumgebung mit DDEV
Lokale TYPO3 Entwicklungsumgebung mit DDEV
 
How to install Gitweb on Ubuntu
How to install Gitweb on UbuntuHow to install Gitweb on Ubuntu
How to install Gitweb on Ubuntu
 
Zend Framework and Dojo
Zend Framework and DojoZend Framework and Dojo
Zend Framework and Dojo
 
Schulung jQuery JavaScript-Bibliothek
Schulung jQuery JavaScript-BibliothekSchulung jQuery JavaScript-Bibliothek
Schulung jQuery JavaScript-Bibliothek
 
Neues aus der TYPO3 Welt 06/2018
Neues aus der TYPO3  Welt 06/2018Neues aus der TYPO3  Welt 06/2018
Neues aus der TYPO3 Welt 06/2018
 
TYPO3 CMS 7.0 - Die Neuerungen - pluswerk
TYPO3 CMS 7.0 - Die Neuerungen - pluswerkTYPO3 CMS 7.0 - Die Neuerungen - pluswerk
TYPO3 CMS 7.0 - Die Neuerungen - pluswerk
 
DDEV - Eine lokale Entwicklungsumgebung
DDEV - Eine lokale EntwicklungsumgebungDDEV - Eine lokale Entwicklungsumgebung
DDEV - Eine lokale Entwicklungsumgebung
 
Maven Intro
Maven IntroMaven Intro
Maven Intro
 
TYPO3 Dokumentation mit ReStructuredText
TYPO3 Dokumentation mit ReStructuredTextTYPO3 Dokumentation mit ReStructuredText
TYPO3 Dokumentation mit ReStructuredText
 
Keynote der 1. webEdition Benutzer Konferenz 2011 in Frankfurt
Keynote der 1. webEdition Benutzer Konferenz 2011 in FrankfurtKeynote der 1. webEdition Benutzer Konferenz 2011 in Frankfurt
Keynote der 1. webEdition Benutzer Konferenz 2011 in Frankfurt
 
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam AugustinFMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
 
Durchgestartet? Eine Einführung in die Google App Engine / Java - Reloaded!
Durchgestartet? Eine Einführung in die Google App Engine / Java - Reloaded!Durchgestartet? Eine Einführung in die Google App Engine / Java - Reloaded!
Durchgestartet? Eine Einführung in die Google App Engine / Java - Reloaded!
 
Entwickeln mit Wordpress
Entwickeln mit WordpressEntwickeln mit Wordpress
Entwickeln mit Wordpress
 

Mais de stbaechler

Distributed apps
Distributed appsDistributed apps
Distributed appsstbaechler
 
Immutable Libraries for React
Immutable Libraries for ReactImmutable Libraries for React
Immutable Libraries for Reactstbaechler
 
Javascript Bundling and modularization
Javascript Bundling and modularizationJavascript Bundling and modularization
Javascript Bundling and modularizationstbaechler
 
Testing React Applications
Testing React ApplicationsTesting React Applications
Testing React Applicationsstbaechler
 
User stories schreiben
User stories schreibenUser stories schreiben
User stories schreibenstbaechler
 
Zeitplanung mit PERT
Zeitplanung mit PERTZeitplanung mit PERT
Zeitplanung mit PERTstbaechler
 

Mais de stbaechler (8)

Distributed apps
Distributed appsDistributed apps
Distributed apps
 
Immutable Libraries for React
Immutable Libraries for ReactImmutable Libraries for React
Immutable Libraries for React
 
Javascript Bundling and modularization
Javascript Bundling and modularizationJavascript Bundling and modularization
Javascript Bundling and modularization
 
Testing React Applications
Testing React ApplicationsTesting React Applications
Testing React Applications
 
User stories schreiben
User stories schreibenUser stories schreiben
User stories schreiben
 
Nested sets
Nested setsNested sets
Nested sets
 
Microformats
MicroformatsMicroformats
Microformats
 
Zeitplanung mit PERT
Zeitplanung mit PERTZeitplanung mit PERT
Zeitplanung mit PERT
 

Bower Paketmanager

  • 2. Funktionen ● Von Twitter ● Ähnlich wie Pip ● Immer mehr Javascripts, Frameworks und jQuery Plugins unterstützen Bower. ● Grosses Package Repository (Github) ● Gists
  • 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": {} }