Revoir le live - Interview avec Gérôme Grignon

Développeur front-end et figure de la communauté Angular

Découvrez le parcours de Gérôme Grignon, développeur front-end, contributeur open source et membre actif de la communauté Angular en France.

Dans cette interview, il partage son cheminement personnel et professionnel : de sa découverte du front-end à son engagement dans la pédagogie et la transmission.

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",
            // ...
          }
        }
      }
    }
  }
}