browserify - De la TypeScript la pașii de construire pentru browser

Fac experimente introducând TypeScript într-o aplicație web existentă (Angular 1). Începând cu TypeScript, există multe concepte de înțeles.

Întrebarea mea este: care sunt pașii pentru a rula cod TypeScript în HTML cu module externe? Trebuie să transpilez fișierele de definiție sau există o soluție generală?

Ce știu în prezent:

1. aveți fișierul tsconfig.json (cu commonjs ca încărcător de module)
2. aveți fișierul index.ts (cu import de modul extern)
3. ai folderul ./node_modules/@types/angular (cu definiția tipurilor)
4. rulează tsc
5. rulează browserify -> problem aici, Nu poate fi găsit modulul '@types/angular'
6. include fișierul generat în index.html

tsconfig.json

{
  "compilerOptions": {
    "noImplicitAny": true,
    "removeComments": false,
    "preserveConstEnums": true,
    "target": "ES5",
    "module": "commonjs",
    "sourceMap": true,
    "listFiles": false,
    "typeRoots": [
      "./node_modules/@types"
    ]
  }
}

index.ts

import * as angular from "@types/angular"

const app = angular.module('app', []);