Saltar al contenido principal

Path alias

  • Propio de TypeScript
  • Para no utilizar paths relativos como ../../components/Card.astro o src/components/Card.astro y en su lugar @components/Card.astro
tsconfig.json
{
  "extends": "astro/tsconfigs/strict",
 
  // ====
  "compilerOptions": {
    "baseUrl": ".",
     "paths": {
      "@components/*": ["./src/components/*"],
      "@interfaces/*": ["./src/interfaces/*"],
    }
  },
  // ====
 
  "include": [ ],
  "exclude": [ ]
}
src\pages\product[name].astro
//import Card from "../../components/Card.astro";
import Card from "@components/Card.astro";

//import type { ProductListResponse } from "../../interfaces/product-list.response";
import type { ProductListResponse } from "@interfaces/product-list.response";