9. Le fichier de configuration de SystemJS

10. Configurer le compilateur de TypeScript

System.js est la bibliothèque par défaut choisie par Angular pour charger les modules JavaScript, c’est-à-dire assembler de manière cohérente tous les fichiers de notre application: les fichiers propre à Angular, les librairies tierces et les fichiers de notre propre code.

Le plus important à retenir est l’élément map à la ligne 13. Cet objet nous permet de déclarer deux choses:

  • Le dossier de notre application à la ligne 15, ci-dessous le dossier app.
  • Le mapping de nos librairies: on lie un alias avec l’emplacement de la librairie. Par exemple à la ligne 18, on déclare l’alias @angular/core, puis on renseigne son emplacement dans le dossier node_modules. Cela nous permet dans notre application d’utiliser cet alias pour l’importation.

Voici le contenu du fichier systemjs.config.js, à placer dans le dossier src de votre projet. Il s’agit d’une convention que respectent les projets Angular. Créez donc un dossier src, puis placez le fichier systemjs.config.js à l’intérieur.

A la ligne 36, nous indiquons que le fichier pour démarrer notre application est main.js. Comme nous développons en TypeScript, cela signifie que nous devrons développer un fichier main.ts qui sera ensuite transcompiler en main.js, et qui servira de point d’entrée à notre application !

10. Configurer le compilateur de TypeScript

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

w

Connexion à %s