typescript - Kuinka suorittaa Dist-kansio paikallisella koneella Angular 6+:ssa?

Rakennan sovellusta Angular6+ -kehikossa, ja nyt suoritin komennon ng build --prod, joka antoi minulle dist-kansion. Kuinka tarkistan tai palvelen tuon kansion Localhostissa?

Vastaus #1

Voit tehdä sen käyttämällä http-server-pakettia.

Asenna ensin paketti maailmanlaajuisesti

npm install http-server -g

Sitten projektihakemistosi sisällä (terminaalissa) suorita vain

http-server dist/

Ja jos käytät Angular 6+:aa tai uudempaa (Työskentely Angular 10:n kanssa), sinun täytyy suorittaa

http-server dist/your-project-name

Nyt voit vierailla osoitteessa http://localhost:8080 nähdäksesi sovelluksesi

Vastaus #2

Muokkaa: Angular 12+: ng serve --configuration production

Angular 7:stä alkaen voit yksinkertaisesti tehdä ng serve --prod=true. Dokumentaatio: https://angular.io/cli/serve

Tiedän, että kysymys koskee Angular 6:ta, mutta Google johdatti minut tänne, joten vain tulevaa viittausta varten.

Vastaus #3

Minun tapauksessani tein seuraavaa:

Asenna http-server globaalisti

npm install http-server -g

Sitten projektihakemiston sisällä (päätteessä) suoritan

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

Nyt voit vierailla osoitteessa http://localhost:8080/index.html nähdäksesi sovelluksesi. Mutta kun käynnistän selaimen uudelleen, minun täytyy lisätä taas /index.html URL-osoitteeseen.

Se toimii Angular 7.x.x -versiossa.