2016-01-07 26 views
6

Chciałbym rozpocząć pracę z Angular2 Beta, ale mam kilka problemów związanych z wymaganymi bibliotekami.
Używam Eclipse i jest to TypeScript Plugin.
Używam również SystemJS jako modułu ładującego.
Mój problem polega na tym, że jeśli zainstaluję Angular2 przy użyciu npm install angular2, załaduję cały projekt Angular-Project, w tym CommonJS -Version, ES6 -Version i TypeScript -Version. W rezultacie powstaje ponad 30-megabajtowy folder zawierający prawie 2000 plików, ale potrzebuję tylko wersji TypeScript -Version (wciąż kilka 100 plików), bez przykładów.
Ponadto, importując plik /ts -folder w Eclipse daje mi błędy, że moduły z "rxjs" nie istnieją ("rxjs/Subject" ...). Więc myślę, że muszę też pobrać ten projekt.
Używanie używanego w plikach do pobrania ponad 80 MB (prawie 10000 plików) i jestem pewien, że nie potrzebuję wszystkich tych plików.
Więc chciałbym wiedzieć, które pliki są naprawdę potrzebne przez Angular2 i jak mogę je pobrać?
Czy mogę utworzyć własny plik package.json? Czy jest jeszcze prostszy sposób?Wymagane biblioteki Angular 2

EDIT: Przyjrzeniu naszej (pracy) Kątowymi 1.x Project, widzę jeden angular.js pliku, a także pliki dla poszczególnych modułów (jak restangular.js, kątowe-route.js itp.), łącznie około 10 plików.
Tym, czego teraz szukam, jest odpowiednik angular2 tych plików.
Czy istnieją te odpowiedniki? Gdzie mogę je znaleźć?

Odpowiedz

7

„Co ja teraz patrząc na to angular2 odpowiednikiem tych plików”:

<!-- 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> 

Trzeba te 4 Js (nie .TS) plików.

"Gdzie mogę je znaleźć?" Pobrano je za pomocą npm. Możesz zachować te 4 i usunąć wszystko inne. Możesz również pobrać je z CDN lub pobrać ręcznie.

<!-- 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> 

JEDNAK.Są to już skompilowane pliki javascript i będą działać dla ciebie, jeśli napiszesz swoją aplikację za pomocą JS, ale teraz 90% tej skąpej dokumentacji, którą znajdziesz na temat Angular 2, znajduje się na maszynie do pisania, a żeby pracować z maszynopisem, potrzebujesz plików źródłowych Angular 2, który jest całym pakietem, który otrzymujesz.

Moja sugestia, jeśli robisz to w maszynopisie: nie przejmuj się, że wszystkie te pliki zostaną pobrane, są przeznaczone do programowania, niekoniecznie do twojej kompilacji. Możesz dołączyć tylko te, które Ci powiedziałem w twojej kompilacji, dzięki czemu będziesz miał niewielką rzeczywistą aplikację. Poza tym nie ma potrzeby dodawania wszystkich tych plików do repozytorium git lub repozytorium w/e, którego używasz, ponieważ git ignoruje cały folder "node_modules" i zatwierdzasz tylko plik package.json, który będzie działał dla innych programistów, więc uruchamiają npm install i same pobierają wszystkie zależności. Tak więc wszystkie te pliki mają być tylko na komputerach programistów, nie musisz się martwić, że ich aplikacja będzie zbyt duża, ponieważ nie będą częścią Twojej aplikacji.

+0

Dzięki za odpowiedź. Tak więc, jeśli chcę używać maszynopisu, muszę dołączyć cały pakiet, aby móc używać wszystkich funkcji kątowych2 w maszynopisie? Ponadto, jak wspomniano w moim pytaniu, w tym folderze/ts w mojej aplikacji występują błędy, ponieważ zarówno systemjs, jak i rxjs, które są wymagane, nie są zawarte w pakiecie angular2. Czy wystarczy pobrać te 2 pakiety, czy jest ich więcej? – Springrbua

+0

Zależy od potrzeb projektu. Są to podstawowe, jeśli potrzebujesz więcej rzeczy, takich jak router, musisz dodać router. rxjs i systemjs nie są częścią angular2, kątowe 2 mają tylko zależności od nich, węzeł wykryje to i pobierze je również w node_modules/systemjs & node_modules/rxjs. – Langley

+0

Miałem na myśli npm, a nie węzeł. Kiedy wykonujesz "npm install". – Langley

3

Plik w Angular 2 Quickstart przewodników package.json zawiera współzależności rozwojowych jak concurrently, lite-server, typescript etc etc wraz z es6-shim kompatybilności dla starszych przeglądarek.

Podstawowe zależności dla kątowego 2 są

  • angular2
  • maszynopis
  • systemjs
  • rxjs

Możesz zajrzeć do tego Angular2 Tutorial Plunker zacząć prostą aplikację. Zawiera również bibliotekę routingu.

+0

Czy można również pobrać "typScript" wersji angular2? Cały projekt angular2, jak wspomniano powyżej, ma ponad 30 MB danych. Zawiera również przykłady, które nie są potrzebne do prawdziwej aplikacji. A może lepiej byłoby pobrać tylko pojedyncze pliki? – Springrbua

+0

Możesz spróbować pobrać pojedyncze pliki i użyć funkcji ścieżki lokalnej npm. https://docs.npmjs.com/files/package.json#local-paths – TheKojuEffect

+1

Dzięki za pomoc, ale nadal nie mogę naprawdę zobaczyć, które pojedyncze pliki są naprawdę potrzebne. Przyjrzyjmy się naszemu bieżącemu (roboczemu) projektowi Angular1, widzę pojedynczy plik 'Angular.js', a także pliki dla modułów takich jak" restangular ",' angular-route' itp. Ale patrząc na pliki 'Angular2' (ten pobrany na "npm install angular2"), nie mogę znaleźć odpowiedników Angular2. – Springrbua