After reading these two very nice posts by James Brantly I decided it was worth spending some time to set up my boilerplate project. A lot of the information in this post is taken from those articles.
You can find the code on github, issues and PRs are welcome.
Typescript only provides the type checking, but the transpilation from ES6 to ES5 is carried over by babel, which is more webpack-friendly. This also allows to have some parts of the application written in js or jsx and have only babel run on them.
The starter comes with TSD installed to download all the type definition and keep the typescript compiler happy during imports.
filename properties from the
output in the
Using a linter decreases bikeshedding and increases maintainability. tslint is a eslint-like linter for typescript. The webpack loader, tslint-loader makes it extremely easy to plug linting inside the build process:
My Sublime Text
To take full advantage of typescript and the linting, I use Sublime Text 3 with the typescript and tslint extension to have immediate feedback while I code. They are very easy to install and surprisingly fast. Give it a try.