OpenClaw LaunchOpenClaw Launch
🔗

TypeScript Path Aliases

Verified

by Community

Shows how to set up TypeScript path aliases with tsconfig paths, and configure bundlers and test runners to resolve them. Covers common patterns like @/ prefixes and barrel exports for organized imports.

typescriptpath-aliasesimportstsconfigmodules

TypeScript Path Aliases

Configure path aliases for clean, maintainable import paths in TypeScript projects.

Usage

Describe your project structure and get path alias configuration for your build tools.

Examples

  • "Set up @/ path alias for my Next.js project"
  • "Configure path aliases that work with both TypeScript and Vitest"
  • "How do I resolve path aliases in my build step?"

Guidelines

  • Show tsconfig.json paths configuration
  • Cover bundler configuration: Webpack, Vite, esbuild
  • Include test runner alias configuration: Jest, Vitest
  • Explain baseUrl and paths relationship
  • Show barrel export patterns for clean module boundaries

More TypeScript Patterns Skills

🔷
TypeScript Generics Guide

Master TypeScript generics for reusable, type-safe code.

🏷️
TypeScript Discriminated Unions

Model complex state with discriminated union types.

📝
TypeScript Template Literals

Create powerful string types with template literal types.

🏅
TypeScript Branded Types

Create nominal types in TypeScript with branding patterns.