Direct link to this sectionWhat are path aliases?
Whether you're working on small or larger projects, long import paths are impractical and don't look good visually. With path aliases it is possible to define aliases to use shorter import paths.
example-before.ts
import { Navbar } from "../../../../navbar.tsx";
import type { Data } from "../../../index.ts";
Direct link to this sectionHow to setup path aliases in Deno?
To setup a path alias on Deno, we add the alias to the imports object in our import_map.json.
It is good practice to specify an alias prefix such as tilde, hash or @, to distinguish project-related imports from 3rd-party modules faster.
import_map.json
{
"imports": {
"#src/": "./src/",
"#types": "./src/types/index.ts"
}
}
The auto-completion in VSCode should work directly after saving the file.
example-after.ts
import { Navbar } from "#src/navbar.tsx";
import type { Data } from "#types";
Direct link to this sectionConclusion
To setup a path alias on Deno, we use the Deno import_map.json. Using alias paths makes it much easier for us to work on projects.
Helpful Resources: