comment faire pour modifier le dist-chemin d'accès au dossier dans angulaires-cli après le "ng construire"

Vous pouvez mettre à jour le dossier de sortie dans .angulaire de la cli.json:

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

Angulaire 6+, les choses ont un peu changé.

Définir où ng construire génère des fichiers d'application

Cli installation se fait désormais dans le angulaire.json (remplacé .angulaire de la cli.json) dans le répertoire racine de votre espace de travail. Le chemin de la sortie en défaut angulaire.json devrait ressembler à ceci (pas pertinent lignes supprimées):

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

Évidemment, cela va générer votre application dans l'espace de travail/dist/my-app-name. Modifier outputPath si vous préférez un autre répertoire.

Vous pouvez modifier le chemin de sortie en utilisant des arguments de ligne de commande (par exemple pour l'IC de l'emploi):

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

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

Hébergement angulaire de l'app dans le répertoire

Paramètre le chemin de la sortie, dira angulaire où placer le "compilé" les fichiers, mais cependant vous modifier le chemin de sortie, lors de l'exécution de l'application, angulaire sera toujours supposer que l'application est hébergée sur le serveur de la racine du document.

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

Angulaire.json:

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

De la Cli:

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

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

Voici un exemple de comment 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

La seule chose qui a fonctionné pour moi a été de changer outDir dans les deux angular-cli.json ET src/tsconfig.json.

Je voulais que mon dist-dossier à l'extérieur de l'angle de dossier de projet. Si je n'ai pas modifier le paramètre dans src/tsconfig.json ainsi, Angulaire de la CLI de jeter des avertissements à chaque fois que j'ai construit la projet de.

Ici sont les traits les plus importants ...

//angular-cli.json
{
  ...
  "apps": [
    {
      "outDir": "../dist",
      ...
    }
  ],
  ...
}

Et ...

//tsconfig.json
{
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
    ...
  }
}

Angulaire de la CLI utilise maintenant les fichiers d'environnement pour ce faire.

Tout d'abord, ajoutez un environments section de la angular-cli.json

Quelque chose comme :

{
  "apps": [{
      "environments": {
        "prod": "environments/environment.prod.ts"
      }
    }]
}

Et puis à l'intérieur de l'environnement de fichier (environments/environment.prod.ts dans ce cas), ajouter quelque chose comme :

export const environment = {
  production: true,
  "output-path": "./whatever/dist/"
};

maintenant, lorsque vous exécutez :

ng build --prod

il sera de sortie à la ./whatever/dist/ dossier.

Une autre option consisterait à définir la webroot chemin à l'angle de la cli dist dossier.
Dans votre Programme.cs lors de la configuration de la WebHostBuilder juste dire

.UseWebRoot(Directory.GetCurrentDirectory() + "\\Frontend\\dist")

ou quel que soit le chemin d'accès à votre dist dir est.