Définir l'hôte et le port par défaut pour ng serve dans le fichier de configuration

Question

Je veux savoir si je peux définir un hôte et un port dans un fichier de configuration afin de ne pas avoir à taper

ng serve --host foo.bar --port 80

au lieu de seulement

ng serve

Answer 1

Angular CLI 6+

Dans la dernière version d'Angular, ce paramètre est défini dans le fichier le site angular.json fichier de configuration . Exemple :

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4444
                    }
                }
            }
        }
    }
}

Vous pouvez également utilice ng config pour visualiser/modifier les valeurs :

ng config projects["my-project"].architect["serve"].options {port:4444}

CLI Angular <6

Dans les versions précédentes, c'était en angular-cli.json sous le defaults élément :

{
  "defaults": {
    "serve": {
      "port": 4444,
      "host": "10.1.2.3"
    }
  }
}

Answer 2

Pour l'instant, cette fonctionnalité n'est pas prise en charge, mais si c'est quelque chose qui vous dérange, une alternative serait dans votre package.json...

"scripts": {
  "start": "ng serve --host foo.bar --port 80"
}

De cette façon, vous pouvez simplement exécuter npm start

Une autre option si vous voulez faire cela sur plusieurs projets est de créer un alias, que vous pouvez potentiellement nommer ngserve qui exécutera votre commande ci-dessus.

Answer 3

Vous pouvez configurer le port HTTP par défaut et celui utilisé par le serveur LiveReload à l'aide de deux options de ligne de commande :

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

https://github.com/angular/angular-cli

Answer 4

Cela a changé dans la dernière version d'Angular CLI.

Le nom du fichier est devenu angular.json et la structure a également changé.

C'est ce que vous devriez faire :

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "foo.bar",
                  "port": 80
                }
            }
        }
        ...
    }
}

Answer 5

Une autre option consiste à exécuter ng serve avec la commande --port option, par exemple

ng serve --port 5050 (c'est-à-dire pour le port 5050)

Alternativement, la commande : ng serve --port 0 L'attribution automatique d'un port disponible pour l'utilisation.