유형 검사 기능이있는 Next.js-config

next.config.js에 유형 검사를 사용하는 방법

next.config.js에 대한 간단한 유형 검사

이것은 실제 기사가 아니라 Next.js 문서의 일부를 다시 게시 한 것입니다. 공유하는 것이 중요하다고 생각합니다. next.config.js의 유형 사용과 관련하여 Next.js 팀의 실제 공식 지원은 없습니다.이 구성에 대한 Typescript 파일 사용은 약간의 해킹 없이는 불가능하기 때문입니다.

버전 10.2.3부터 간단한 변형 유형 검사를 활성화하기 위해 다음 코드 스 니펫을 설명서에서 사용할 수 있습니다. Typescript를 사용하고 있지만 구성 파일은 프로젝트의 번 들러에서 트랜스 파일되지 않습니다. 사용되는 기능은 JS 파일에서 유형을 가져 오는 JSDoc의 "@type"태그입니다.

// Add the following line at the top of the file:
// @ts-check

// Then for the config itself, import the types
// via '@type'-tag.

 /**
  * @type {import('next/dist/next-server/server/config').NextConfig}
  **/
 const nextConfig = {
   /* config options here */
 }

// End of file.
module.exports = nextConfig

물론 사용자 정의 Typescript-config 및 전 처리기 단계를 설정하여 구성을 Javascript로 직접 변환 할 수도 있습니다. 하지만 지금은 플러그인 공급자가 Typescript를 실질적으로 지원하지 않기 때문에 노력할 가치가 없다고 생각합니다. 결국, 기본 구성에 대한 유형으로 끝나지만 아직 유형이없는 다른 모든 플러그인에 대해서는 "임의"가 필요합니다.

제안

관련된

부록

언어