Next.js-config टाइप चेकिंग के साथ

अपने next.config.js के लिए टाइप चेकिंग का उपयोग कैसे करें

next.config.js . के लिए सरल प्रकार की जाँच

यह इतना वास्तविक लेख नहीं है, बल्कि Next.js के दस्तावेज़ीकरण के एक हिस्से का पुन: प्रकाशन है, क्योंकि मुझे लगता है कि यह महत्वपूर्ण है कि इसे साझा किया जाए। next.config.js के लिए प्रकारों के उपयोग के संबंध में, Next.js टीम द्वारा कोई वास्तविक आधिकारिक समर्थन नहीं है क्योंकि इस कॉन्फ़िगरेशन के लिए टाइपस्क्रिप्ट-फ़ाइल का उपयोग कुछ हैक्स के बिना संभव नहीं है।

संस्करण १०.२.३ के बाद से, कोड का निम्न स्निपेट प्रकार की जाँच के एक सरल संस्करण को सक्षम करने के लिए दस्तावेज़ीकरण में उपलब्ध है। ध्यान दें कि हम टाइपस्क्रिप्ट का उपयोग कर रहे हैं, लेकिन कॉन्फिग-फाइल प्रोजेक्ट के बंडलर द्वारा ट्रांसपाइल नहीं किया जाएगा। जिस सुविधा का उपयोग किया जा रहा है वह "@type" - JSDoc से JS फ़ाइल में प्रकार आयात करने के लिए है।

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

बेशक आप एक कस्टम टाइपस्क्रिप्ट-कॉन्फ़िगरेशन और प्रीप्रोसेसर स्टेप भी सेट कर सकते हैं ताकि कॉन्फिगरेशन को जावास्क्रिप्ट में ट्रांसपाइल किया जा सके। लेकिन अभी के लिए, मुझे लगता है कि यह प्रयास के लायक नहीं है, क्योंकि प्लगइन प्रदाताओं द्वारा टाइपस्क्रिप्ट के लिए कोई पर्याप्त समर्थन नहीं है। तो आखिरकार, आप अपने आधार विन्यास के लिए प्रकारों के साथ समाप्त होते हैं, लेकिन फिर भी बिना किसी प्रकार के अन्य सभी प्लगइन्स के लिए "किसी भी" की आवश्यकता होगी।

सुझाव

संबंधित

परिशिष्ट

भाषाएँ