lanthaler / vite-tsconfig-paths

Support for TypeScript's path mapping in Vite

vite-tsconfig-paths

Give vite the ability to resolve imports using TypeScript's path mapping.

Usage

1. Install as dev dependency

2. Inject vite-tsconfig-paths using the vite.config.ts module

   import type { UserConfig } from 'vite'
   import tsconfigPaths from 'vite-tsconfig-paths'
   
   const config: UserConfig = {
       plugins: [
           tsconfigPaths(),
       ],
   }
   
   export default config

Note: You need to restart Vite when you update your paths mappings.

Options

• root: string
  The root directory to load tsconfig.json from.
  Defaults to viteConfig.root

• extensions: string[]
  File extensions to search for.
  Defaults to .ts | .tsx | .js | .jsx | .json

 

Donate

If this package helps you, please donate! Any amount is greatly appreciated. 🥰

• ETH: 0xa446626195bbe4d0697e729c1433a86fB6Cf66cF
• BTC: 17vYtAUPKXzubMEnNcN8SiuFgicrd5Rp9A
• KIN: GBU7RDRD7VDVT254RR6PGMBJESXQVDHJ5CGGODZKRXM2P4MP3G5QSAMH