2016-01-07 28 views
6

Vorrei iniziare a lavorare con Angular2 Beta, ma sto affrontando alcuni problemi relativi alle librerie richieste.
Sto usando Eclipse ed è TypeScript Plugin.
Inoltre, sto usando SystemJS come caricatore di moduli.
Il mio problema è che se installo Angular2 utilizzando npm install angular2, viene caricato l'intero progetto angolare, inclusa la versione CommonJS -Version, ES6 -Version e la versione TypeScript -Version. Ciò si traduce in una grande cartella di oltre 30 MB con quasi 2000 file, anche se ho solo bisogno della versione TypeScript (ancora alcuni 100 file), senza esempi.
Inoltre, l'importazione della cartella Eclipse mi dà errori, che i moduli da "rxjs" non esistono ("rxjs/Oggetto" ...). Quindi suppongo di dover scaricare anche quel progetto.
Utilizzare lo package.json utilizzato nei download 5 Min Quickstart, npm install oltre 80 MB (quasi 10000 file) e sono sicuro che non ho bisogno di tutti questi file.
Quindi mi piacerebbe sapere quali file sono realmente necessari per Angular2 e come posso scaricarli?
Devo creare il mio file package.json? O c'è un modo ancora più semplice?Librerie angolari 2 richieste

EDIT: Dando uno sguardo alla nostra (di lavoro) angolare 1.X progetto, posso vedere un singolo file angular.js, così come i file per i diversi moduli (come restangular.js, angolari-route.js ecc.), in totale circa 10 file.
Quello che sto cercando è una controparte angolare2 di quei file.
Queste controparti esistono? Dove posso trovarli?

risposta

7

"Quello che ora sto cercando è una controparte angular2 di quei file":

<!-- 1. Load libraries --> 
<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> 

avete bisogno di quei 4 js (non ts) file.

"Dove posso trovarli?" Sono stati scaricati con npm. Puoi tenere quei 4 ed eliminare tutto il resto. Puoi anche recuperarli da un CDN o scaricarli manualmente.

<!-- 1. Load libraries --> 
<script src="https://rawgithub.com/systemjs/systemjs/0.19.6/dist/system.js"></script> 
<script src="https://code.angularjs.org/tools/typescript.js"></script> 
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script> 
<script src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script> 
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2.dev.js"></script> 

TUTTAVIA.Questi sono già file javascript compilati e funzioneranno per te se scrivi la tua app utilizzando JS, ma in questo momento il 90% della documentazione scarna che troverai su Angular 2 è su dattiloscritto e per funzionare con dattiloscritto hai bisogno dei file sorgente di Angular 2, che è l'intero pacchetto che stai ricevendo.

Il mio suggerimento se lo stai facendo in dattiloscritto: non preoccuparti di tutti quei file che vengono scaricati, sono pensati per lo sviluppo, non necessariamente parte della tua build. Puoi includere solo quelli che ti ho detto nella tua build e questo ti manterrà piccola. Inoltre non si suppone di aggiungere tutti quei file nel repository git o nel repository w/e che si sta utilizzando, l'idea è che si è ignorato l'intera cartella "node_modules" e si impegna solo il file package.json, che funzionerà per gli altri sviluppatori, quindi eseguono l'installazione di npm e ottengono tutte le dipendenze da soli. Quindi tutti quei file sono pensati solo per essere nelle macchine di sviluppo, non devi preoccuparti di farti app troppo grande perché non faranno parte della tua app.

+0

Grazie per la risposta. Quindi, in sostanza, se voglio usare dattiloscritto, devo includere l'intero pacchetto, per poter usare tutte le funzioni angular2 in dattiloscritto? Inoltre, come accennato nella mia domanda, inclusa la cartella/ts nella mia app fornisce errori, come systemjs e rxjs, che sono richiesti non sono inclusi nel pacchetto angular2. È sufficiente scaricare quei 2 pacchetti o ci sono pacchetti più necessari? – Springrbua

+0

Dipende dalle esigenze del progetto. Quelli sono quelli di base, se hai bisogno di più cose come il router, devi aggiungere quello del router. rxjs e systemjs non fanno parte di angular2, angular 2 ha solo dipendenze su di essi, il nodo lo rileva e li scarica anche in node_modules/systemjs e node_modules/rxjs. – Langley

+0

Intendevo npm, non nodo. Quando esegui "npm install". – Langley

3

Il file package.json in Angular 2 Quickstart guide contiene dipendenze di sviluppo come concurrently, lite-server, typescript ecc insieme con es6-shim ecc per compatibilità con i browser più vecchi.

dipendenze di base per angolare 2 sono

  • angular2
  • dattiloscritto
  • systemjs
  • rxjs

Si può guardare in questo Angular2 Tutorial Plunker per avviare una semplice applicazione. Contiene inoltre una libreria di routing.

+0

È anche possibile scaricare solo la versione 'TypeScript' di angular2? L'intero progetto angular2, come detto sopra, è di oltre 30 MB bit. Include anche esempi, che non sono necessari per una vera app. O sarebbe anche meglio scaricare solo i singoli file? – Springrbua

+0

È possibile provare a scaricare singoli file e utilizzare la funzionalità di percorso locale npm. https://docs.npmjs.com/files/package.json#local-paths – TheKojuEffect

+1

Grazie per il tuo aiuto, ma non riesco ancora a vedere quali singoli file sono realmente necessari. Dando un'occhiata al nostro attuale progetto (operativo) Angular1, posso vedere un singolo file 'Angular.js', oltre a file per moduli come' restangular', 'angular-route' ecc. Ma guardando i file' Angular2' (quello scaricato su "npm install angular2"), non riesco a trovare le controparti di Angular2. – Springrbua

Problemi correlati