Alias de chemins et baseUrl
Configurez les chemins pour simplifier les importations
Alias de chemins et baseUrl est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. 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 4 leçons au total.
Bienvenue
Le problème des chemins d’import
import { logger } from '../../../../utils/logger';
import { User } from '../../../models/user';baseUrl
{ "compilerOptions": { "baseUrl": "./src" } }
// Now you can import from 'utils/logger' directlyAlias avec paths
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"], "@utils/*": ["src/utils/*"] } } }Utiliser des alias de chemins
import { logger } from '@/utils/logger';
import { User } from '@/models/user';Configuration du bundler
// vite.config.ts
import { resolve } from 'path';
export default { resolve: { alias: { '@': resolve(__dirname, 'src') } } };tsconfig-paths pour Node
npm install tsconfig-paths
// tsconfig.json: "ts-node": { "require": ["tsconfig-paths/register"] }Mappages de chemins multiples
{ "paths": { "@models/*": ["src/models/*"], "@services/*": ["src/services/*"], "@utils/*": ["src/utils/*"] } }Chemins avec caractères génériques
// '@/*': ['src/*'] maps '@/foo/bar' to 'src/foo/bar'Alias de chemins exacts
{ "paths": { "@config": ["src/config/index.ts"], "@types": ["src/types/index.ts"] } }Alias de chemins et fichiers barrel
Vérification rapide
Récapitulatif
Apprends TypeScript avec un tuteur IA — gratuit
Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.
- Cours
- 101
- Leçons
- 352
Questions Fréquemment Posées
La leçon « Alias de chemins et baseUrl » est-elle gratuite ?
Oui — le texte complet de « Alias de chemins et baseUrl » 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 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Alias de chemins et baseUrl » ?
Configurez les chemins pour simplifier les importations 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 4.
Combien de temps prend la leçon « Alias de chemins et baseUrl » ?
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
- L’option strict et ce qu’elle permet
- Configuration des modules et de la cible
- Alias de chemins et baseUrl
- Compilations incrémentielles et fichiers de déclarations