Hoy he querido automatizar los builds de typescript con gulp para esto he tirado del paquete gulp-typescript y apoyandome en tsconfig.

Lo primero es que instalaremos gulp y el paquete gulp-typescript y en el archivo tsconfig.json especificaremos el tipo de compilacion y si queremos excluir algun folder, en mi caso he excluido el folder nodejs y dist para que no sea tomado en cuenta a la hora de build el tsconfig deberia quedar como el siguiente:

{
"compilerOptions": {
"target": "ES5"
}
,
"exclude": [
"node_modules",
"dist"
]
}

Ahora defino mi tarea en mi Gulpfile, creado un object de tipo tsProject en el cual me retornara todo los ts que tengo en el proyecto y dichos ts lo enviare a tsc, nuestro gulpfile deberia quedar como el siguiente:

var gulp = require('gulp'),
tsc = require('gulp-typescript'),
tsProject = tsc.createProject('tsconfig.json');

gulp.task(‘build-ts’,function(){
var tsResult = tsProject.src()
.pipe(tsc(tsProject));
return tsResult.js.pipe(gulp.dest(‘.’));
})

Ahora creamos un archivo typescript ejemplo hello.ts:

class hello{
}

Para compilar el archivo de typescript solo debemos desde la consola llamar la tarea build-ts y nos devolvera nuestr js esperado.
gulp build-ts

para ver el codigo de ejemplo en github:
https://github.com/danywalls/gulp-typescript
Happy Gulping!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *