الفرق بين المراجعتين ل"Next.js/source maps"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (مراجعة)
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:ملفات الربط المصدرية في Next.js}}</noinclude>
+
<noinclude>{{DISPLAYTITLE:ملفات الربط المصدرية Source Maps في Next.js}}</noinclude>
تُمكّن ملفات الربط المصدرية Source Maps افتراضيًا خلال مرحلة التطوير، لأنها تُعطَّل خلال مرحلة البناء لأن توليدها قد يزيد زمن البناء كثيرًا ويزيد من استهلاك الذاكرة.  
+
تُفعَّل ملفات الربط المصدرية Source Maps افتراضيًا خلال مرحلة التطوير، وتُعطَّل خلال مرحلة البناء لمنع كشف مصدرك للعميل إلا إذا عدلت ذلك من الضبط.  
 +
 
 +
== تفعيل ملفات الربط ==
 +
 
  
 
تزوّدك Next.js براية تهيئة لتمكين توليد ملفات الربط المصدرية من قبل المتصفح خلال مرحلة الإنتاج:<syntaxhighlight lang="javascript">
 
تزوّدك Next.js براية تهيئة لتمكين توليد ملفات الربط المصدرية من قبل المتصفح خلال مرحلة الإنتاج:<syntaxhighlight lang="javascript">
سطر 9: سطر 12:
 
</syntaxhighlight>عندمّا تُفعّل الراية <code>productionBrowserSourceMaps</code> ستولّد ملفات الربط في نفس المجلد الذي تتواجد فيه ملفات JavaScript، وستُخدّم Next.js التطبيق بهذه الملفات عند الحاجة.  
 
</syntaxhighlight>عندمّا تُفعّل الراية <code>productionBrowserSourceMaps</code> ستولّد ملفات الربط في نفس المجلد الذي تتواجد فيه ملفات JavaScript، وستُخدّم Next.js التطبيق بهذه الملفات عند الحاجة.  
  
== التحفظات على استخدام ملفات الربط المصدرية في Next.js ==
+
== محاذير ==
  
 
* قد يزيد استخدامها زمن البناء (<code>next build</code>).
 
* قد يزيد استخدامها زمن البناء (<code>next build</code>).

مراجعة 12:09، 24 ديسمبر 2022

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

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

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

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

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

محاذير

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

المصادر

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