Next.js-config a típusellenőrzéssel

A típusellenőrzés használata a next.config.js fájlhoz

Egyszerű típusellenőrzés a next.config.js fájlhoz

Ez nem annyira egy igazi cikk, sokkal inkább a Next.js dokumentációjának egy részének újbóli publikálása, mivel fontosnak tartom, hogy megosszák. A next.config.js típusainak használatát illetően a Next.js csapata semmilyen hivatalos támogatást nem nyújt, mivel a Typescript fájl használata ehhez a konfigurációhoz nem lehetséges hackelés nélkül.

A 10.2.3 verzió óta a következő kódrészlet érhető el a dokumentációban, amely lehetővé teszi a típusellenőrzés egyszerű változatát. Ne feledje, hogy a Typescript-et használjuk, de a konfigurációs fájlt nem fogja átültetni a projekt csomagja. A használt szolgáltatás a "@type" címke a JSDoc-ból a JS-fájlba típusú típusok importálásához.

// 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

Természetesen beállíthat egy egyedi Typescript-config és preprocessor lépést is, hogy a konfigurációt önállóan át tudja tölteni a Javascript-be. De egyelőre úgy gondolom, hogy nem éri meg az erőfeszítéseket, mivel a bővítményszolgáltatók nem nyújtanak jelentős támogatást a Typescript számára. Tehát végül is az alapkonfiguráció típusai lesznek, de még mindig szüksége lenne „bármelyikre” az összes többi pluginhoz, típus nélkül.

Javaslatok

Kapcsolódó

Kiegészítés

Nyelvek