ملفات الربط المصدرية Source Maps في Next.js

من موسوعة حسوب
مراجعة 17:07، 3 يناير 2023 بواسطة جميل-بيلوني (نقاش | مساهمات)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)

تُفعَّل ملفات الربط المصدرية Source Maps افتراضيًا خلال مرحلة التطوير، وتُعطَّل خلال مرحلة البناء لمنع كشف مصدرك للعميل إلا إذا عدلت ذلك من الضبط.

تفعيل ملفات الربط

تزوّدك Next.js براية تهيئة لتمكين توليد ملفات الربط المصدرية من قبل المتصفح خلال مرحلة الإنتاج:

// next.config.js
module.exports = {
  productionBrowserSourceMaps: true,
}

عندمّا تُفعّل الراية productionBrowserSourceMaps ستولّد ملفات الربط في نفس المجلد الذي تتواجد فيه ملفات JavaScript، وستُخدّم Next.js التطبيق بهذه الملفات عند الحاجة.

محاذير

  • قد يزيد استخدامها زمن البناء (next build).
  • يزيد من استهلاك الذاكرة أثناء بناء التطبيق.

المصادر

  • الصفحة Source Maps من توثيق Next.js الرسمي.