web-dev-qa-db-fra.com

Utilisation de Angular 2 sans TypeScript Transpiler

Je veux apprendre Angular 2 et passer mon application à l'utiliser, cependant, j'ai un problème avec l'utilisation de TypeScript.

Dans mon environnement actuel, je ne peux pas utiliser un transpilateur/compilateur. Je dois actuellement exécuter uniquement l'exécutable node.js (node.exe) mais pas l'application complète node.js, ni npm. Angular 2 est écrit en TypeScript, il doit donc être compilé en JavaScript avant d'être envoyé au navigateur.

Existe-t-il un moyen d'obtenir une version précompilée de Angular 2 afin que je puisse écrire en JavaScript et fonctionner sans compilateur?

Sinon, existe-t-il un moyen d'installer et d'utiliser manuellement le compilateur TypeScript avec juste l'exécutable node.exe?

Pour être clair, ce n'est pas parce que je ne veux pas utiliser TypeScript, mais plutôt parce que dans ma situation actuelle, je ne peux pas l'installer.

15
Binvention

Angular2 est disponible en TypeScript, JavaScript et Dart. Pas besoin d'utiliser TypeScript.

Voir
- https://angular.io/docs/js/latest/index.html
- http://blog.oughttram.io/angular/2015/05/09/writing-angular-2-code-in-es5.html
- http://blog.oughttram.io/angular/2015/07/06/even-better-es5-code-for-angular-2.html

Voir aussi Est-il possible d'utiliser JavaScript ES5 avec Angular 2 au lieu de TypeScript?

<script src="https://code.angularjs.org/2.0.0-beta.3/Rx.umd.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.3/angular2-polyfills.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.3/angular2-all.umd.dev.js"></script>
20
Günter Zöchbauer

Si vous souhaitez utiliser TypeScript pour écrire votre application, vous avez besoin d'un transpilateur:

  • statique. Par exemple avec un tsc -w commande exécutée en arrière-plan
  • à la volée. Directement dans le navigateur à l'aide du fichier TypeScript.js

Cela dit, il est possible d'écrire des applications Angular2 avec ES5 uniquement. Voici un exemple:

Modifier

Lorsque vous incluez ces fichiers JavaScript pour Angular2 (dossier node_modules/angular2/bundles), il n'y a rien sur TypeScript:

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
<script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="node_modules/angular2/bundles/http.dev.js"></script>

Ces fichiers ont été transposés en JavaScript. Il n'est donc pas nécessaire d'avoir TypeScript. Avec eux, vous pouvez implémenter votre application uniquement avec ES6.

Pour utiliser ES5 uniquement, vous devez inclure ceux-ci:

<script src="node_modules/angular2/bundles/Rx.umd.js"></script>
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/angular2/bundles/angular2-all.umd.dev.js"></script> 
3
Thierry Templier