Son astuce pour mieux se former

Plonge dans une interview inspirante et condensée de Gérôme Grignon, développeur frontend passionné et figure incontournable de la communauté Angular francophone.

Dans cet échange, Gérôme partage son parcours, ses conseils d'apprentissage, sa vision d'Angular et sa réflexion sur l'usage de l'IA dans le développement web.

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