Replay

Apprendre Angular en 1h

Je me donne un objectif: vous faire découvrir et apprendre Angular en 1 heure: composant, syntaxe dans les templates, les directives, les signaux, les routeurs, les services, l'injection de dépendances, les observables et les requêtes HTTP. Le nécessaire pour faire une application Angular !.

Skip to content

Vous souhaitez recevoir de l'aide sur ce sujet ? rejoignez la communauté Angular.fr sur Discord.

A quoi sert le fichier main.ts ?

Dans un projet Angular, le fichier main.ts est le point d'entrée de l'application. C'est le premier fichier exécuté lorsque l'application démarre, et il est responsable de charger et d'initialiser le composant racine de l'application.

Le fichier main.ts est généré par défaut lorsque vous créez un nouveau projet Angular en utilisant la commande ng new. Il contient généralement le code suivant :

ts
import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';

bootstrapApplication(AppComponent, appConfig)
  .catch((err) => console.error(err));

Comment changer les options de main.ts ?

Vous pouvez utiliser le fichier angular.json pour configurer certaines options liées à main.ts, telles que le point d'entrée de l'application ou les options de compilation.

Voici un exemple de configuration du point d'entrée de l'application dans angular.json :

json
{
  "projects": {
    "mon-projet": {
      "architect": {
        "build": {
          "options": {
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            // ...
          }
        }
      }
    }
  }
}