comment modifier le chemin du dossier de dist dans angular-cli après la construction d'un ng

Question

J'aimerais utiliser angular-cli avec asp.net core et j'ai besoin de savoir comment je peux changer le chemin de l'adresse de l'utilisateur. dist dossier

Answer 1

La façon la plus courante de procéder est de mettre à jour le fichier outDir la propriété dans .angular-cli.json .

El ng build argument de commande --output-path (o -op pour faire court) est toujours supporté également, ce qui peut être utile si vous voulez plusieurs valeurs, vous pouvez les sauvegarder dans vos package.json en tant que scripts npm.

Attention : Le site .angular-cli.json La propriété n'est PAS appelée output-path comme le réponse actuellement acceptée de @cwill747 dit. C'est le ng build argument uniquement.

Ça s'appelle outDir comme mentionné ci-dessus, et c'est un sous la apps propriété.

.

P.S.

(décembre 2017)

1 an après avoir ajouté cette réponse quelqu'un a ajouté une nouvelle réponse contenant essentiellement les mêmes informations, et le posteur initial a modifié la réponse acceptée pour la remplacer par la réponse datant d'un an et contenant les mêmes informations à la première ligne de celle-ci.

Answer 2

Pour Angular 6+, les choses ont un peu changé.

Définir où ng build génère les fichiers d'application

La configuration de Cli se fait maintenant dans angular.json (remplacé par .angular-cli.json) dans le répertoire racine de votre espace de travail. Le chemin de sortie dans le fichier angular.json par défaut devrait ressembler à ceci (lignes non pertinentes supprimées) :

{
  "projects": {
    "my-app-name": {
    "architect": {
      "options": {
         "outputPath": "dist/my-app-name",

Évidemment, cela va générer votre application dans WORKSPACE/dist/my-app-name. Modifiez outputPath si vous préférez un autre répertoire.

Vous pouvez écraser le chemin de sortie en utilisant des arguments de ligne de commande (par exemple, pour les travaux CI) :

ng build -op dist/example
ng build --output-path=dist/example

S.a. https://github.com/angular/angular-cli/wiki/build

Héberger une application angulaire dans un sous-répertoire

La définition du chemin de sortie indique à Angular où placer les fichiers "compilés", mais quelle que soit la façon dont vous modifiez le chemin de sortie, lorsque vous exécutez l'application, Angular continuera de supposer que l'application est hébergée dans le racine du document du serveur Web.

Pour le faire fonctionner dans un sous-répertoire, vous devrez définir le href de base.

Dans angular.json :

{
  "projects": {
    "my-app-name": {
    "architect": {
      "options": {
         "baseHref": "/my-folder/",

Cli :

ng build --base-href=/my-folder/

Si vous ne savez pas où l'application sera hébergée au moment de la construction, vous pouvez modifier la balise base dans l'index.html généré.

Voici un exemple de la façon dont nous le faisons dans notre conteneur docker :

entrypoint.sh

if [ -n "${BASE_PATH}" ]
then
  files=( $(find . -name "index.html") )
  cp -n "${files[0]}" "${files[0]}.org"
  cp "${files[0]}.org" "${files[0]}"
  sed -i "s*<base href=\"/\">*<base href=\"${BASE_PATH}\">*g" "${files[0]}"
fi

Answer 3

Vous pouvez mettre à jour le dossier de sortie dans .angular-cli.json :

"outDir": "./location/toYour/dist"

Answer 4

Vous pouvez aussi utiliser le CLI, comme :

ng build -prod --output-path=production

# or

ng serve --output-path=devroot

Answer 5

Attention : La réponse correcte est ci-dessous. Ceci ne fonctionne plus

Créez un fichier appelé .ember-cli dans votre projet, et y inclure ce contenu :

{
   "output-path": "./location/to/your/dist/"
}