Angular 2 bez serwera, automatyczna reorganizacja modułów

Angular 2 bez serwera, automatyczna reorganizacja modułów
TY
  • Rejestracja:ponad 9 lat
  • Ostatnio:prawie 6 lat
  • Postów:18
0

Witam,
Ponieważ rozpoczynam naukę Angular2, mam kilka pytań odnośnie samej struktury i organizacji.

  1. Znacie może jakieś sposoby na uruchomienie aplikacji napisanej w Angular2 bez serwera? Stworzyłem w pełni frontendową aplikację w Angular2/TypeScript, chciałbym mieć możliwość uruchomienia jej w przeglądarce za pomocą ścieżki do lokalnego pliku (file://), tak jak można to zrobić w czystym JS.
  2. Jak wiemy TypeScript kompilowany jest do JS, czy zatem mogę takie już wygenerowane pliki powiedzmy przenieść w inne miejsce wraz z plikami html i css i zostawić aplikację w czystym js? Kombinując nad rozwiązanie pierwszego punktu, właśnie w ten sposób próbowałem zrobić i nie udało się
  3. Aplikację stworzyłem korzystając z angular-cli, w pakiecie pobrało mi bardzo dużo pakietów. Możliwa jest jakaś automatyczna reorganizacja która usunie nieużywane pakiety?
edytowany 1x, ostatnio: tyskocz
bobojak
  • Rejestracja:prawie 9 lat
  • Ostatnio:prawie 3 lata
  • Postów:26
0
  1. Ze względów bezpieczeństwa przeglądarka nie obsłuży Ci niektórych skryptów JS (np. dostęp do plików) lokalnie (file//). Jakimś rozwiązaniem może tu być np. XAMPP.
  2. Skoro korzystasz z Angular-CLI to po ng build powinieneś mieć gotowe pliki w folderze dist.
  3. Angular tak ma, tzn. korzysta z tak dużej liczby pakietów, które korzystają z innych pakietów... Jak coś usuniesz to coś się może wykrzaczyć w momencie próby odwołania do usuniętego pakietu.

"Jakie to proste, przejść przez przeszkodę mostem" // Apteka
Maciej Cąderek
Maciej Cąderek
Instalowanie xamppa do javascriptu? - to chyba lekka przesada.
TY
  • Rejestracja:ponad 9 lat
  • Ostatnio:prawie 6 lat
  • Postów:18
0
  1. Aplikacja nie korzysta z żadnych funkcji które będzie blokować przeglądarka - to samo mógłbym napisać w js(nie zrobiłem tego ze względów edukacyjnych) EDIT: A co do tego XAMPPa to też nie jestem pewny, Angular2 zadziała na Apache? - próbowałem i nie poszło
  2. O właśnie te pliki mi chodziło, teraz chciałbym zebrać te pliki, dołączyć wykorzystywane pliki .html i w ten sposób uzyskać tą samą uproszczoną aplikację, bez TS, najlepiej działającą właśnie bez serwera.
  3. Tego właśnie się obawiałem, próbowałem usuwać te które wydają mi się nieużywane, a i tak się wykrzaczał. W tej sytuacji aplikacja waży mi ponad 200mb, a jest to dosłownie malutka aplikacja frontendowa.

Jest zatem jakaś opcja żeby 200-megową kobyłe do której uruchomienia potrzebny jest serwer, w jakiś sposób przekonwerować na małą aplikacje jaką w rzeczywistości jest?

edytowany 1x, ostatnio: tyskocz
bobojak
  • Rejestracja:prawie 9 lat
  • Ostatnio:prawie 3 lata
  • Postów:26
0

Twoja aplikacja nie musi korzystać z blokowanych lokalnie funkcji, wystarczy że korzysta z nich Twój framework;)
W folderze 'dist' masz już gotowe do wrzucenia na serwer pliki (bez Typescripta) i nie ważą one 200MB.


"Jakie to proste, przejść przez przeszkodę mostem" // Apteka
TY
  • Rejestracja:ponad 9 lat
  • Ostatnio:prawie 6 lat
  • Postów:18
0

Ale tyle zajmują pakiety które są konieczne do uruchomienia. Zwyczajnie potrzebuję aplikację uczynić lżejszą, pozbyć się niepotrzebnych pakietów, cokolwiek żeby nie zajmowała ona tyle zbędnego miejsca.

bobojak
  • Rejestracja:prawie 9 lat
  • Ostatnio:prawie 3 lata
  • Postów:26
1

Trochę nie rozumiem, miejsca na dysku zaczyna Ci brakować?


"Jakie to proste, przejść przez przeszkodę mostem" // Apteka
Maciej Cąderek
Maciej Cąderek
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 3 lata
  • Lokalizacja:Warszawa
  • Postów:1264
0

Zainstaluj sobie np. https://www.npmjs.com/package/local-web-server i odpal serwer w folderze z plikiem index.html
Możesz też użyć BrowserSynca: https://www.npmjs.com/package/browser-sync (to trochę więcej niż prosty server)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.