[TIL] 08.06 next tsconfig absolute path

tsconfig absolute path

tsconfig에서 baseUrl:"." 이렇게 설정을 해두면 ./src 폴더 내에 있는 파일들에 대해서 감싸기? 때문에 ./src/component 라는 path에 import {} from "component/..." 이렇게 바로 접근이 가능하다. 

하지만 ./src/component/button/Button.js 라는 경로가 있을 경우 Button.js에 바로 접근 하기위해서는 path 설정을 아래와 같이 해주어야 한다. 

 

dir/dir/ 경로를 절대 경로 설정하는방법

{ "compilerOptions": 
	{ "baseUrl": ".", 
		"paths": { 
        	"@/button/*": ["components/button/*"] // /* 이것을 추가로 적어주어야 한다. 
         } 
    } 
}

@ 는 작성할 필요는 없지만 축약된 루트인지 아닌지에 대한 구분으로서 사용하고 있는것 같다. 자기의 스타일에 따라서 사용해도 되고 하지 않아도 되지만 경로를 직관적으로 알 수 있기에 나는 표기를 하는것이 더 좋게 보인다.