فحص نوع بسيط لـ 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 من قِبل موفري المكونات الإضافية. بعد كل شيء ، ينتهي بك الأمر مع أنواع للتكوين الأساسي الخاص بك ، ولكنك لا تزال بحاجة إلى "أي" لجميع المكونات الإضافية الأخرى التي لا تحتوي على أنواع حتى الآن.