Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 3 additions & 11 deletions src/content/docs/fr/guides/imports.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -174,22 +174,17 @@ Dans cet exemple, un développeur devra comprendre la relation de l'arborescente

Vous pouvez ajouter des alias d'importation dans `tsconfig.json`.

```json title="tsconfig.json" ins={5-6}
```json title="tsconfig.json" ins={4-5}
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@components/*": ["src/components/*"],
"@assets/*": ["src/assets/*"]
"@components/*": ["./src/components/*"],
"@assets/*": ["./src/assets/*"]
}
}
}
```

:::note
Assurez-vous que `compilerOptions.baseUrl` est défini pour que les chemins aliasés puissent être résolus.
:::

Le serveur de développement redémarrera automatiquement après ce changement de configuration. Vous pouvez maintenant importer en utilisant les alias n'importe où dans votre projet :

```astro title="src/pages/about/company.astro" ins="@components" ins="@assets"
Expand All @@ -199,9 +194,6 @@ import logoUrl from '@assets/logo.png?url';
---
```

Ces alias sont également intégrés automatiquement dans [VS Code](https://code.visualstudio.com/docs/languages/jsconfig) et d'autres éditeurs de code.


## `import.meta.glob()`

L'utilitaire [`import.meta.glob()` de Vite](https://vite.dev/guide/features.html#glob-import) est un moyen d'importer plusieurs fichiers à la fois en utilisant des motifs glob pour trouver des chemins de fichiers correspondants.
Expand Down