0
202
ViewsCómo servir una carpeta dist Angular 2 index.html
Estoy usando esta aplicación de semilla angular 4: https://github.com/2sic/app-tutorial-angular4-hello-dnn
Utiliza webpack y funciona bien.
Solo parece servir los archivos de desarrollo y no la carpeta dist/.
Quiero ng servir la carpeta dist.
No estoy seguro del comando para hacer esto o si necesito instalar un servidor ligero o algo así.
Ejecuto este comando para crear la carpeta dist (que funciona bien):
g build --prod --aot --output-hashing=noneAhora quiero ejecutar esta compilación en el navegador.
3 answers
Answer question0
Puede usar el servidor http para hacerlo. En primer lugar, genere una compilación con el comando ng build --prod --aot --output-hashing=none . Esto creará una carpeta dist en su estructura de directorios.
Después de esto, ejecute http-server ./dist , que comenzará a servir su proyecto desde la carpeta dist.
Asegúrese de haber instalado el servidor http globalmente usando
npm install http-server -gPara referencia, consulte https://www.npmjs.com/package/http-server
0
Al menos para las aplicaciones Angular, angular-http-server parece ser una mejor opción.
Primero instálelo con su administrador de paquetes preferido, digamos
npm install angular-http-server -go
yarn global add angular-http-serverLuego ejecútalo:
angular-http-server --path path/to/dist/folderMire el repositorio para obtener más información sobre el uso.
PD: Según el autor, también debería funcionar con otros marcos SPA (React, Vue, etc.).
PPS: no use angular-http-server para producción, use esta solución solo con fines de prueba.
0
Necesita un servidor para servir su compilación generada.
Estoy usando el servidor http. Instale el servidor http usando:
npm install -g http-serverahora ve dentro de tu carpeta dist y ejecuta este comando
http-servercomo se muestra aquí:
Compruebe http://localhost:8080 en su navegador