Angular 2 CLI - Comment utiliser/dist les fichiers de dossiers créés par angular-cli ng build
Je génère un dossier dist après la construction de ng et mon répertoire ressemble à
C:\Source\angular> ng build
couper et coller le dossier dist dans un autre répertoire
C:\ReSource\angularbuild
Après avoir changé dans Index.html en
<base href="./ReSource/angularbuild/dist">
Ensuite
C:\Source\angular> ng serve
Obtenir les erreurs inline.bundle.js, main.bundle.js, styles.bundle.js, vendor.bundle.js, main.bundle.js
Comment pourrais-je y arriver? Je veux lancer le dossier dist qui est placé dans le dossier angularbuild à partir de C:\Source\angular>
Faites-moi savoir la bonne façon de le faire.
Une fois la construction terminée, un serveur suffit pour l’exécuter. Au lieu de servir, vous pouvez installer un serveur http depuis votre terminal npm i -g http-server --save puis exécuter votre projet depuis le dossier dist à l’aide de la commande (y):
http-server ./dist
Ou sur Apache pour ceux qui utilisent Wamp ou Xamp, par exemple, copiez tous les fichiers du dossier dist du dossier www, puis redémarrez le service Apache.
Le dossier Dist n'est pas pour servir
C'est une construction que vous pouvez exécuter sans commandes ng
ng build :
Il crée la construction de votre projet, convertit tous vos "fichiers .ts" et autres fichiers en simples fichiers js que le navigateur peut comprendre.
Donc, il n'est pas nécessaire d'exécuter ng serve sur le dossier dist,
ouvrez simplement le fichier index.html dans le dossier dist et votre projet entier va courir.
Si vous déployez le projet angular4 sur votre serveur Web dans le sous-dossier DOCUMENT_ROOT/test, vous pouvez effectuer la construction de la manière suivante:
ng construisez --prod --base-href "/ test /".
Copiez les fichiers dist/* dans DOCUMENT_ROOT/test.
Accédez à l'application via: http: // myserver/test . Cela a fonctionné pour moi.
Les étapes pour créer la construction est
> ng build --prod // can be other environment
Pour servir le dossier/dist créé avec la commande de construction angular-cli ng, nous pouvons utiliser " -service "
> yarn global add serve
et courir
serve dist/
Vous obtiendrez l'URL et l'essayer sur n'importe quel navigateur.