js library에 타입 붙이기

이슈

• 회사에서 js 라이브러리를 만들고 난독화하여 제공한다
• 해당 라이브러리는 타입을 지원해야한다

해결

• 라이브러리를 <script src="...url..." /> 와 같이 스크립트 태그로 사용하게 되면 window 객체에서 라이브러리에서 제공하는 필드명으로 사용할 수 있다.
  • e.g. window.라이브러리명
• 해당 라이브러리에 타입을 사용하고 싶다면, 아래와 같이 타입을 지정하면 된다

// 제공된 타입 파일들이 "./types/라이브러리명" 경로에 있는 경우
import { 라이브러리타입 } from "@/types/라이브러리명";

declare global {
    interface Window { 라이브러리명: 라이브러리타입; }
}

참고

• https://stackoverflow.com/questions/12709074/how-do-you-explicitly-set-a-new-property-on-window-in-typescript