Références de projet (introduction)
Répartissez le code dans plusieurs projets tsconfig et référencez-les pour accélérer les compilations incrémentielles.
Références de projet (introduction) est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 3. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage TypeScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours TypeScript Academy comprend 3 leçons au total.
Introduction
Objectif : découvrez les Project References. Elles relient plusieurs projets tsconfig afin d’améliorer la vitesse de compilation et l’organisation.
Configuration racine
À la racine, ajoutez un tableau references. Chaque chemin pointe vers le dossier d’un autre projet tsconfig.
// tsconfig.json (root)
{
"files": [],
"references": [
{ "path": "./core" },
{ "path": "./web" }
]
}Projet composite
Chaque projet référencé doit activer composite. Cela permet à TypeScript de générer des métadonnées pour suivre les dépendances.
// core/tsconfig.json
{
"compilerOptions": {
"composite": true,
"outDir": "../dist/core"
},
"include": ["src"]
}Référencer un autre projet
Le projet web référence core. tsc compile d’abord core, puis web, en réutilisant les sorties.
// web/tsconfig.json
{
"compilerOptions": {
"composite": true,
"outDir": "../dist/web"
},
"references": [
{ "path": "../core" }
]
}Commande de compilation
Utilisez tsc --build (ou -b) pour compiler tous les projets référencés. Les compilations incrémentielles sont beaucoup plus rapides.
// Build all projects
npx tsc --build
// Incremental rebuild when only core changes
npx tsc --build corePrise en charge par l’IDE
VS Code comprend les Project References : navigation entre les projets, affichage cohérent des erreurs et réutilisation des sorties de déclarations.
Vérification de l’avantage
Vérification rapide : quel est le principal avantage des Project References ?
Récapitulatif
Récapitulatif : les Project References répartissent le code en sous-projets avec des configurations composite. Elles améliorent la vitesse de compilation et l’organisation des grands dépôts.
Questions Fréquemment Posées
La leçon « Références de projet (introduction) » est-elle gratuite ?
Oui — le texte complet de « Références de projet (introduction) » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours TypeScript Academy, passe à CoddyKit PRO. Le cours TypeScript Academy comprend 3 leçons au total.
Qu'est-ce que j'apprendrai dans « Références de projet (introduction) » ?
Répartissez le code dans plusieurs projets tsconfig et référencez-les pour accélérer les compilations incrémentielles. Tu pratiques TypeScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer TypeScript Academy ?
Aucune expérience préalable n'est requise. TypeScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 3.
Combien de temps prend la leçon « Références de projet (introduction) » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon TypeScript Academy ?
Oui. Chaque leçon TypeScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Options de rigueur
- Paramètres target, lib, module et JSX
- Références de projet (introduction)