programing

TypeScript npm 모듈에서 유형을 내보내는 방법

showcode 2023. 6. 19. 21:46
반응형

TypeScript npm 모듈에서 유형을 내보내는 방법

TypeScript에서 사용자가 내 모듈의 "내부" 유형을 사용하여 내 모듈을 사용할 때 자신의 변수를 올바르게 입력하도록 합니다. 이를 수행하려면 index.ts 파일에서 문자 그대로 모든 것을 내보내면 됩니까?

// index.ts

export * from './file1' // uses types/interfaces defined in file1types
export * from './file2' // uses types/interfaces defined in file2types
export * from './types/file1types'
export * from './types/file2types'

.d.ts파일이 이를 달성하는 데 도움이 됩니까? 아니면 비TS 프로젝트에만 해당됩니까?한다tsconfig.json의 선택권declaration: truea를 생성하여 이를 달성하는 데 도움이 됩니다..d.ts모든 TS 파일에 대해?단일 index.ts 파일에서 모든 항목을 내보내는 대신 사용할 수 있습니까?

그리고 만약에declaration: true이를 달성하는 데 도움이 됩니다. 사용자는 생성된 모든 것을 어떻게 사용합니까?.d.ts내의 파일build폴더?

TS 프로젝트에서 일반적으로 유형을 수출하는 방법에 대해 설명해 주시면 대단히 감사하겠습니다.잘 부탁드립니다.

나와 같고, 그리고 확실히 한 사람들을 위해.declaration: true설정되어 있습니다.tsconfig.json그리고 당신의 빌드 프로세스가 정확하게 그에 상응하는 것을 만듭니다..d.ts사용자가 가리키는 적절한 디렉토리에 대한 파일package.json파일, 그리고 여전히 외부 프로젝트에서 테스트할 때 모듈의 내부 유형에 액세스할 수 없습니다. VSCode에서 TS 서버를 다시 시작해 보십시오(VSCode를 사용한다고 가정).

enter image description here

Typescript가 정상적으로 작동하고 IDE에 의해 방해를 받고 있다는 것을 깨닫기까지 많은 시간이 낭비되었습니다.

선언 파일 없이 TypeScript로 패키지를 개발하고 컴파일하여 다른 사용자에게 JavaScript 코드로 노출할 수 있습니다.또한 패키지를 포함하면 TypeScript 개발자가 패키지에서 정의한 모든 유형을 사용할 수 있습니다.라이브러리를 사용하는 동안 필요한 인수 유형, 함수 반환 유형 및 충돌 시 IDE/Intelligence의 경고와 같은 더 많은 유형 정보를 얻을 수 있습니다.

declaration: true서류철에tsconfig.jsonTypeScript 컴파일러가 선언 파일(.d.ts)을 출력하도록 지시합니다.종종 단일 파일(예: index.d.ts)로 번들된 다음"types": path/to/index.d.ts라이브러리의 필드가 추가되었습니다.package.json사용자가 패키지를 가져올 때 형식을 찾을 위치를 TypeScript에 알려주는 파일입니다.

언급URL : https://stackoverflow.com/questions/60712323/how-to-export-types-in-a-typescript-npm-module

반응형