로메오의 블로그

[Vue + typescript] *.d.ts 파일 만들기 본문

Frontend/Vue

[Vue + typescript] *.d.ts 파일 만들기

romeoh 2022. 8. 3. 12:55
반응형

VUE.JS 목록

 

<template>
  <div></div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import Cloud from 'vue-d3-cloud'

@Component({
  components: {
    Cloud
  }
})
export default class DashboardView extends Vue {

}
</script>

vue-d3-cloud 라이브러리의 d.ts파일을 만들겠습니다.

 

tsconfig.json

{
  "compilerOptions": {
    ...
    "typeRoots": ["./types"],
    "declaration": true,
    "declarationDir": "./types",
    ...
}

types 폴더 정의합니다.

 

 

types 폴더에 vue-d3-cloud.d.ts 파일을 생성합니다.

declare module 'vue-d3-cloud' {
  const Cloud: any
  export default Cloud
}

 

 

VUE.JS 목록

반응형
Comments