DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
|<- [[Working with our build tool]]|[[Creating a simple component]] ->|

<code>
// index.html

(…)

/* polyfill & shims */
<script src="js/lib/angular2/es6-shim.min.js"></script>
<script src="js/lib/angular2/system-polyfills.js"></script>
<script src="js/lib/angular2/angular2-polyfills.js"></script>
/* Librairie de chargement de modules */
<script src="js/lib/angular2/system.src.js"></script>
/* Librairie pour handle reactive programming */
<script src="js/lib/angular2/Rx.js"></script>
/* framework générique Angular JS 2 */
<script src="js/lib/angular2/angular2.dev.js"></script>
/* on pourrait ajouter d'autres éléments
si l'on souhaite des features additionnelles,
comme du routing */

<script>
  /* config de systemjs, qui va servir à importer les modules */
  System.config({
    packages: {
      js: {
        /* setup du format des modules
        voir github.com/systemjs/systemjs */
        format: 'register',
        
        /* ↓ permet d'éviter d'avoir à ajouter
        une extension à chaque export,
        on indiquera juste le nom du module */
        defaultExtension: 'js' 
      }
    }
  });
  /* On procède aux prochains imports
  non pas via script mais via systemjs,
  ici boot.js (on omet le .js grâce à la ligne
  de paramètre defaultextension vue plus haut */
  System.import('js/boot')
    /* on redirige les messages d'erreur vers la console */
    .then(null, console.error.bind(console));
</script>

(…)
</code>