typescript - איך להריץ את תיקיית Dist על המחשב המקומי ב-Angular 6+

אני בונה את האפליקציה ב-Angular6+, עכשיו הרצתי את הפקודה ng build --prod שהניבה לי תיקיית dist. איך אני בודק או משרת את התיקייה הזו על Localhost?

תשובה #1

אתה יכול לעשות זאת באמצעות חבילת http-server.

קודם כל התקן את החבילה בעולם

npm install http-server -g

אז בתוך ספריית הפרויקט שלך (בטרמינל) פשוט הפעל

http-server dist/

ואם אתם משתמשים ב-Angular 6 ומעלה (עבודה עם Angular 10), עליכם להפעיל

http-server dist/your-project-name

עכשיו אתה יכול לבקר ב-http://localhost:8080 כדי לצפות באפליקציה שלך

תשובה #2

עריכה: Angular 12+: ng serve --configuration production

מאז Angular 7 אתה פשוט יכול לעשות ng serve --prod=true. תיעוד: https://angular.io/cli/serve

אני יודע שהשאלה שואלת על Angular 6 אבל גוגל הביא אותי לכאן, אז רק למען ההתייחסות בעתיד.

תשובה #3

במקרה שלי עשיתי את הפעולה הבאה:

התקן את http-server באופן גלובלי

npm install http-server -g

ואז בתוך ספריית הפרויקט (בטרמינל), אני מריץ

http-server dist/[your-project-name]

עכשיו אתה יכול לבקר ב- http://localhost:8080/index.html כדי לצפות ביישום שלך. אבל כאשר אני מחדש את עמוד הדפדפן אני צריך להוסיף שוב את /index.html לכתובת ה-URL.

זה עובד בגרסת Angular 7.x.x.