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

Je veux savoir si je peux configurer 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 juste

 ng serve 

A partir d’au moins la CLI 1.0 angular, vous pouvez désormais les définir directement dans angular.json (ou angular-cli.json ) sous l’élément par defaults :

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

À l’heure actuelle, 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 lancer npm start

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

Vous pouvez configurer le port HTTP par défaut et celui utilisé par le serveur LiveReload avec 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

Vous pouvez les enregistrer dans un fichier, mais vous devez le mettre dans .ember-cli (au moins pour le moment); voir https://github.com/angular/angular-cli/issues/1156#issuecomment-227412924

 { "port": 4201, "liveReload": true, "host": "dev.domain.org", "live-reload-port": 49153 } 

edit: vous pouvez maintenant les définir dans angular-cli.json à partir de commit https://github.com/angular/angular-cli/commit/da255b0808dcbe2f9da62086baec98dacc4b7ec9 , qui est dans la version 1.0.0-beta.30

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

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

Sinon, la commande: ng serve --port 0 assigne automatiquement un port disponible pour utilisation.

Cela a changé dans le dernier Angular CLI.

Le nom de fichier a été changé en angular.json et la structure a également été modifiée.

C’est ce que vous devriez faire:

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

voici ce que j’ai mis dans package.json (en cours d’exécution angular 6):

 { "name": "local-weather-app", "version": "1.0.0", "scripts": { "ng": "ng", "start": "ng serve --port 5000", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, 

Ensuite, un début simple de npm attirera le contenu du début. Pourrait également append d’autres options au contenu