Next.js
tsconfig.json 설정
Dev갱이
2023. 1. 10. 16:59
728x90
tsconfig.json
{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"incremental": true
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"exclude": ["node_modules"]
}
기본설정.
수정후
{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"incremental": true,
"baseUrl": ".",
"paths": {
"@/components/*": ["components/*"],
"@/ui/*": ["components/ui/*"],
"@/screens/*": ["components/screens/*"],
"@/hooks/*": ["hooks/*"],
"@/shared/*": ["shared/*"],
"@/config/*": ["config/*"],
"@/services/*": ["services/*"],
"@/utils/*": ["utils/*"],
"@/store/*": ["store/*"],
"@/assets/*": ["assets/*"]
}
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"exclude": ["node_modules"]
}
https://nextjs.org/docs/advanced-features/module-path-aliases
Advanced Features: Absolute Imports and Module Path Aliases | Next.js
Configure module path aliases that allow you to remap certain import paths.
nextjs.org
728x90