Dinou logoDinou
docs v5
npmGitHub

Import Aliases

Configure clean import paths for a more maintainable codebase in Dinou.

🔗 Import Aliases (`@/`)

Dinou supports import aliases for cleaner, more maintainable import paths. Configure paths in your tsconfig.json.

TypeScript Configuration

// tsconfig.json
{
  "compilerOptions": {
    "baseUrl": ".", // Important: root of your project
    "paths": {
      "@/*": ["src/*"], // Maps @/ to src/
    },
    "allowJs": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "strict": true
  },
  "include": ["src", "src/assets.d.ts"] // Include your declaration files
}
Before Aliases
import Button from "../../../components/Button";
import utils from "../../lib/utils";
With Aliases
import Button from "@/components/Button";
import utils from "@/lib/utils";