Aliases
本頁內容尚未翻譯。
An alias is a way to create shortcuts for your imports.
Aliases can help improve the development experience in codebases with many directories or relative imports.
In this example, a developer would need to understand the tree relationship between src/pages/about/company.astro
, src/components/controls/Button.astro
, and src/assets/logo.png
. And then, if the company.astro
file were to be moved, these imports would also need to be updated.
You can add import aliases from either tsconfig.json
or jsconfig.json
.
Make sure compilerOptions.baseUrl
is set so the aliased paths can be resolved.
The development server will automatically restart after this configuration change. You can now import using the aliases anywhere in your project:
These aliases are also integrated automatically into VS Code and other editors.
Learn