728x90 728x90 경일/Typescript2 [Typescript/타입스크립트] path alias로 경로 깔끔하게 만들기 (build 이후 can not find module) 0. 목차 1. 개요 2. path alias 사용하기 3. javascript 에서 적용 1. 개요 프로젝트를 진행하다 보면 디렉토리 구조는 점점 복잡해지고 import 구문에 적힌 경로들은 무수히 많은 ../ 들을 포함하게 된다. 근데 이거 꼴보기 싫다. typescript 에서 type alias를 이용하여 경로들을 깔끔하게 재설정 해주고, build이후에 js 파일 실행시 터지는 can not find module 에러 까지 처리해보자. 2. path alias 사용하기 생각보다 매우 간단하다. // src/testPath/test.ts export const number: number = 10; // src/index.ts import { number } from './testPath/test'.. 2022. 6. 9. [Typescript/타입스크립트] declare 모듈 타입 & 전역 타입 typeRoots 와 paths 0. 목차 1. 개요 2. 모듈 타입 3. 전역 타입 1. 개요 typescript를 쓰면서 가장 불편한 부분은 외부 라이브러리를 설치해서 사용 할 때이다. 사용하려는 라이브러리의 사용도가 높다면 사실 크게 문제가 되지 않는다. @types/[라이브러리] 를 통해 타입을 사용할 수 있기 때문이다. 그런데 사용도가 낮은 라이브러리이거나, 기능이 약한 라이브러리라면 모듈 정의가 안되어 있는 경우도 빈번하다. 또한 여러 문서에서 반복적으로 사용되는 타입을 매번 import로 가져오는 것도 매우 번거로운 일인데, 이 모든것을 해결할 수 있는 것이 declare 와 *.d.ts 파일이다. 2. 모듈 타입 위에서 말했든 사용도가 높다면 크게 고민할 필요가 없다. 하지만 그렇지 않은 라이브러리 일수록 모듈정의가 안되.. 2022. 6. 9. 이전 1 다음 728x90 728x90