CODEWITHSUNDEEP
javascripttypescriptaurelia
Nicklas Pouey-Winger
Nicklas Pouey-Winger

Reputation: 3023

'Port' aurelia-skeleton-navigation to typescript

I've installed the aurelia-skeleton-navigation following this guide. However, I'd like to start using Typescript for my development. What would be the next correct step to get this going? I guess that simply changing the file-extensions to *.ts and compile using tsc will not be sufficient.

There are so many resources, but I always seem to run into trouble with one thing or another, every time I give it a shot.

Hopefully someone here can point me in the right direction. I've pushed this to github - feel free to help out.

PS: I know there's a repository or two that has already done this, but I'd really like to at least understand the basics of how to port this to using typescript.

Upvotes: 1

Views: 223

Answers (2)

Erik Lieben
Erik Lieben

Reputation: 1247

Bit late, but I've done this and documented all the steps I took to move the skeleton project over to typescript here http://www.eriklieben.com/aurelia-skeleton-navigation-to-typescript/

Upvotes: 1

Mike Graham
Mike Graham

Reputation: 1044

So here are some steps:

  1. rename .js files to .ts files

  2. setup gulp step to transpile your .ts files into .js files

    take a look at this gulp-typescript gulp task as a reference

Note: you will want to include paths in your gulp step above to the .d.ts files that are found in each aurelia repository's dist folder. The path will look something like: jspm_packages/github/aurelia/*/dist/*.d.ts

Also tricky: for fetch-client you may also need to include a path to the whatwg-fetch.d.ts type definition (found in fetch-client/doc)

Upvotes: 4

Related Questions