With so much focus on moving code towards ES6 and making it future-proof, I wanted to show you how you can start adopting tools like TypeScript to create an app that can be easily upgraded and maintained.

$ npm install gulp-tsc --save-dev

Here’s the Gulp build task for TypeScript:

var typescript = require('gulp-tsc');
var paths = {
  sass: ['./scss/**/*.scss'],
  src: ['./src/*.ts']

gulp.task('compile', function(){
     emitError: false


In my next post, I’ll go over how to use the static typings in TypeScript to annotate your code.

Additional resources

Typescript Docs


Visual Studio Code

Additional videos

Ionic and TypeScript Part 2

Ionic and TypeScript Part 3

Ionic and TypeScript Part 4

Sign up for the Ionic Newsletter to get the latest news and updates!