Cross Platform Day - Gulp

Transcript

1. GULP CROSS PLATFORM DAY Thorsten Hans

2. CROSS PLATFORM DAY THORSTEN HANS ▸ thorsten.hans@thinktecture.com ▸ http://thinktecture.com ▸

   http://www.xplatform.rocks ▸ @ThorstenHans ▸ Microsoft MVP DEVELOPER / CONSULTANT @ THINKTECTURE

3. CROSS PLATFORM DAY WAS IST GULP ▸ Tool zur Build-Automatisierung

   mittels JavaScript ▸ Node.js® Modul ▸ Lesbare Build-Skripte ▸ Gulp Erweiterungen auf NPM verfügbar

4. CROSS PLATFORM DAY WARUM GULP ▸ manuelle Aufgaben sind Risiken

   ▸ release early, release often ▸ Continuous Integration ▸ Continuous Deployment

5. CROSS PLATFORM DAY TECHNISCHE SICHT AUF GULP ▸ Stream-basierte Verarbeitung

   ▸ Gulp Tasks ▸ sind reine JavaScript-Funktionen ▸ werden asynchron ausgeführt ▸ gulpfile.js wird von Gulp vorausgesetzt

6. CROSS PLATFORM DAY GULP SKRIPTE AUSFÜHREN ▸ Bei globaler Installation

   ( npm install gulp —g ) ▸ $ gulp [task-name] ▸ Bei lokaler Installation ( npm install gulp —save-dev ) ▸ $./node_modules/.bin/gulp [task-name] ▸ Ohne Argument versucht Gulp den default Task zu starten

7. CROSS PLATFORM DAY GULP API var gulp = require('gulp'); gulp.task('task-name',

   function(done){ // task logik });

8. var gulp = require('gulp'), typescript = require('gulp-typescript'); gulp.task('compile:typescript', function(done){ return

   gulp.src('src/app/**/*.ts') .pipe(typescript()) .pipe(gulp.dest('dist/app')); }); CROSS PLATFORM DAY GULP API - AM BEISPIEL TYPESCRIPT