Développement sur Angular2 avec TS mais sans NPM

Tous les guides suggèrent d'installer npm , mais je suis à la recherche sans lui.

Il y a des fichiers Angular2 disponibles , mais aucun d'entre eux n'est un code TypeScript.

Alors, que dois-je faire? Ai-je besoin de Angular2.ts ou spécifiques Angular2-xx.js et .d.ts ?

UPD: J'ai téléchargé Angular2 sur NPM et j'ai un arbre complet, où je trouve difficile de trouver quelque chose à faire. La recherche de .d.ts pour Angular2 n'a donné aucun résultat. Beaucoup de .ts et .d.ts sont liés à un énorme .d.ts de fichiers de code.

C'est un enfer.

En fait, ces fichiers sont une version groupée d'Angular2 et de ses dépendances. Ils peuvent être utilisés dans une application écrite avec TypeScript. En fait, TypeScript ne peut pas être utilisé hors de la boîte dans les navigateurs. Vous devez les prétraiter pour les compiler dans le code ES avec le compilateur TypeScript ou les transporter dans le navigateur directement avec la bibliothèque TypeScript.

Cela peut être configuré directement dans SystemJS via son attribut de configuration du transpiler (voir ci-dessous).

Tout d'abord, ajoutez ces fichiers dans votre fichier HTML:

 <script src="https://code.angularjs.org/2.0.0-beta.2/angular2-polyfills.js"></script> <script src="https://code.angularjs.org/tools/system.js"></script> <script src="https://code.angularjs.org/tools/typescript.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.2/Rx.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.2/angular2.dev.js"></script> <script src="https://code.angularjs.org/2.0.0-beta.2/http.dev.js"></script>

Si vous souhaitez implémenter une application sans NPM, vous pouvez transporter vos fichiers TypeScript dans le navigateur. C'est ce que nous faisons lors de l'utilisation de plunkr. Pour cela, vous devez configurer SystemJS comme décrit ci-dessous:

 <script> System.config({ transpiler: 'typescript', typescriptOptions: { emitDecoratorMetadata: true }, packages: { 'app': { defaultExtension: 'ts' } } }); System.import('app/main') .then(null, console.error.bind(console)); </script>

Veillez à définir vos fichiers TypeScript sous un dossier d' app

Voici un plunkr simple (et complet) décrivant comment faire: https://plnkr.co/edit/vYQPePG4KDoktPoGaxYu?p=info .

Vous pouvez télécharger le code correspondant et utiliser son code localement avec un serveur HTTP statique comme http-server sans utiliser NPM. Ce pourrait être un bon point de départ pour votre cas d'utilisation …

modifier

Si vos fichiers TypeScript sont compilés par VS, vous devez adapter la configuration SystemJS, comme décrit ci-dessous:

 <script> System.config({ packages: { app: { defaultExtension: 'js', } } }); System.import('app/boot') .then(null, console.error.bind(console)); </script>

De cette façon, SystemJS chargera vos fichiers JS lors d'une importation. Par exemple: System.import('app/boot') utilisera l' app/boot.js et non l' app/boot.js TypeScript