1. Alexander Bartels
@BartelsXander

2. NodeJS + NPM sind Voraussetzung

3. $ npm install -g bower
http://bower.io

4. Verwendung
$ bower install <library>
Bibliothek
installieren
$ bower list
Abhängigkeiten
auflisten
http://bower.io/docs/api/
$ bower search <…>
Bibliothek suchen

5. $ npm install -g gulp
http://gulpjs.com/

6. STREAMING BUILD SYSTEM
DateisystemDateien lesen
Modifizieren
Modifizieren
Dateien schreiben
Dateisystem
Dateisystem
Modifizieren
Dateien schreiben

7. var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
gulp.task('scripts', function () {
return gulp.src('app/scripts/**/*.js')
// Alle Skripte zusammenfassen
.pipe($.concat('app.js'))
// Die nicht minimierte Version in eine Datei schreiben
.pipe(gulp.dest('dist/scripts/'))
// JavaScript minimieren
.pipe($.uglify())
// Datei in app.min.js umbennen
.pipe($.rename({ extname: '.min.js' }))
// Minimierte Version in eine Datei schreiben
.pipe(gulp.dest('dist/scripts/'));
});
Dateien lesen
Zusammenfassen
Datei schreiben
Minimieren
Umbennen
Datei schreiben

8. $ npm install -g yo
https://github.com/yeoman/yo
http://yeoman.io

9. Generatoren
• ca. 1400 Generatoren frei verfügbar
• Best-Practices
• Einfach zu installieren & zu entwickeln
$ npm install -g <NAME>
$ npm install -g generator-gulp-webapp

10. Verwendung
$ yo <generator>:<sub-generator>
$ yo <generator>
$ yo angular
$ yo angular:directive
$ yo angular:route
$ yo …