Next.js-config met tipe kontrole

Hoe om tipe kontrole vir u next.config.js te gebruik

Eenvoudige tipe nagaan vir next.config.js

Dit is nie soseer 'n ware artikel nie, maar eerder 'n herpublikasie van 'n gedeelte van Next.js se dokumentasie, aangesien ek dit belangrik vind dat dit gedeel word. Wat die gebruik van tipes vir next.config.js betref, is daar geen werklike amptelike ondersteuning deur die Next.js-span nie, aangesien die gebruik van 'n Typescript-lêer vir hierdie konfigurasie nie moontlik is sonder enige hacks nie.

Sedert weergawe 10.2.3 is die volgende brokkie kode in die dokumentasie beskikbaar om 'n eenvoudige variant van tipe kontrole moontlik te maak. Let op dat ons Typescript gebruik, maar die konfigurasie-lêer word nie deur die bundler van die projek gestuur nie. Die funksie wat gebruik word, is die "@type" -tag van JSDoc om tipes in 'n JS-lêer in te voer.

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

U kan natuurlik ook 'n aangepaste Typescript-config- en preprocessor-stap instel om die config op u eie na Javascript te stuur. Maar vir nou dink ek dat dit nie die moeite werd is nie, want daar is geen wesenlike ondersteuning vir Typescript deur plugin-verskaffers nie. Uiteindelik het u dus tipes vir u basiskonfigurasie, maar u sal nog 'enige' benodig vir alle ander inproppe sonder tipes.

Voorstelle

Verwant

Aanhangsel

Tale