Next.js-config مع فحص النوع

كيفية استخدام فحص النوع الخاص بك next.config.js

فحص نوع بسيط لـ next.config.js

هذه ليست مقالة حقيقية بقدر ما هي إعادة نشر لجزء من وثائق Next.js ، حيث أعتقد أنه من المهم مشاركتها. فيما يتعلق باستخدام الأنواع لـ next.config.js ، لا يوجد أي دعم رسمي حقيقي من قبل فريق Next.js نظرًا لأن استخدام ملف Typescript لهذا التكوين غير ممكن بدون بعض الاختراقات.

منذ الإصدار 10.2.3 ، يتوفر مقتطف الشفرة التالي في الوثائق لتمكين متغير بسيط من فحص النوع. لاحظ أننا نستخدم Typescript ، ولكن لن يتم تحويل ملف التكوين بواسطة مجمع المشروع. الميزة التي يتم استخدامها هي علامة "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

بالطبع يمكنك أيضًا إعداد خطوة مخصصة لـ Typescript-config و preprocessor لنقل التكوين إلى Javascript بنفسك. ولكن في الوقت الحالي ، أعتقد أن الأمر لا يستحق الجهد المبذول ، حيث لا يوجد دعم كبير لـ Typescript من قِبل موفري المكونات الإضافية. بعد كل شيء ، ينتهي بك الأمر مع أنواع للتكوين الأساسي الخاص بك ، ولكنك لا تزال بحاجة إلى "أي" لجميع المكونات الإضافية الأخرى التي لا تحتوي على أنواع حتى الآن.

الاقتراحات

ذات صلة

ملحق

اللغات