Don't worry with bower

What Resources Do I Need?

Don't Worry with BowerFrank van der Linden

About me• Freelance Java and web developer, with XPages

experience

• Owner of Elstar IT

• Frequent (trail)runner

Roadmap• What is Bower

• Requirements

• Install Bower

• Configure Bower

• Run Bower

• Bower and XPages

What is Bower• Is a package manager for the web

• It takes care of the specified packages

• ….and keep track on dependencies

• created at Twitter

• make own packages available, when it is public on

GIT

Don’t be afraid of the command line

Requirements• Install NodeJS, pick your flavour

• Install NPM

• On disk Project

$ npm install nvm

Install Bower

$ npm install -g bower

Configure Bower

bower.json

{

"name": "bower4xpages",

"version": "0.0.1",

"dependencies": {

"bootstrap": "latest",

"moment": "latest",

"angular": "latest",

"bootstrap-datepicker": "latest",

"fontawesome": "latest"

},

"private": true

}

Configure Bower

Configure Bowerdefault directory = bower_components

.bowerrc, to specify another directory

{

"directory":"nsf/WebContent/libs"

}

Run Bowergo to the directory where you want to run Bower

and run Bower

$ bower install

$ cd /Users/frankvanderlinden/Development/GIT/bower4xpages

Run Bower..and the final result

Bower and XPagesOn disk project in Domino

Designer

Refresh on disk project

Bower and XPagesDatabase in Domino

Designer

Sync On disk Project

with database

Bower and XPages

Bower and XPages

Bower and XPages• Major caveat, version number in package

Bower and XPages• Another caveat, AMD loading conflict

Thank you