นามแฝงเส้นทางและ baseUrl

ยินดีต้อนรับ

ปัญหาของพาธการนำเข้า

import { logger } from '../../../../utils/logger';
import { User } from '../../../models/user';

baseUrl

{ "compilerOptions": { "baseUrl": "./src" } }
// Now you can import from 'utils/logger' directly

นามแฝง paths

{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"], "@utils/*": ["src/utils/*"] } } }

การใช้นามแฝงพาธ

import { logger } from '@/utils/logger';
import { User } from '@/models/user';

การกำหนดค่าตัวรวม

// vite.config.ts
import { resolve } from 'path';
export default { resolve: { alias: { '@': resolve(__dirname, 'src') } } };

tsconfig-paths สำหรับ Node

npm install tsconfig-paths
// tsconfig.json: "ts-node": { "require": ["tsconfig-paths/register"] }

การจับคู่พาธหลายรายการ

{ "paths": { "@models/*": ["src/models/*"], "@services/*": ["src/services/*"], "@utils/*": ["src/utils/*"] } }

พาธแบบไวลด์การ์ด

// '@/*': ['src/*'] maps '@/foo/bar' to 'src/foo/bar'

นามแฝงพาธแบบตรงตัว

{ "paths": { "@config": ["src/config/index.ts"], "@types": ["src/types/index.ts"] } }

นามแฝงพาธเทียบกับไฟล์รวม

ตรวจสอบสั้น ๆ

สรุปทบทวน