الفرق بين المراجعتين لصفحة: «Next.js/source maps»
< Next.js
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:ملفات الربط المصدرية في Next.js}}</noinclude> | <noinclude>{{DISPLAYTITLE:ملفات الربط المصدرية في Next.js}}</noinclude> | ||
تُمكّن ملفات الربط المصدرية Source Maps افتراضيًا خلال مرحلة التطوير، | تُمكّن ملفات الربط المصدرية Source Maps افتراضيًا خلال مرحلة التطوير، لأنها تُعطَّل خلال مرحلة البناء لأن توليدها قد يزيد زمن البناء كثيرًا ويزيد من استهلاك الذاكرة. | ||
تزوّدك Next.js براية تهيئة لتمكين توليد ملفات الربط المصدرية من قبل المتصفح | تزوّدك Next.js براية تهيئة لتمكين توليد ملفات الربط المصدرية من قبل المتصفح خلال مرحلة الإنتاج:<syntaxhighlight lang="javascript"> | ||
// next.config.js | // next.config.js | ||
module.exports = { | module.exports = { | ||
productionBrowserSourceMaps: true, | productionBrowserSourceMaps: true, | ||
} | } | ||
</syntaxhighlight>عندمّا تُفعّل الراية <code>productionBrowserSourceMaps</code> | </syntaxhighlight>عندمّا تُفعّل الراية <code>productionBrowserSourceMaps</code> ستولّد ملفات الربط في نفس المجلد الذي تتواجد فيه ملفات JavaScript، وستُخدّم Next.js التطبيق بهذه الملفات عند الحاجة. | ||
== التحفظات على استخدام ملفات الربط المصدرية في Next.js == | == التحفظات على استخدام ملفات الربط المصدرية في Next.js == | ||
مراجعة 11:45، 11 يوليو 2022
تُمكّن ملفات الربط المصدرية Source Maps افتراضيًا خلال مرحلة التطوير، لأنها تُعطَّل خلال مرحلة البناء لأن توليدها قد يزيد زمن البناء كثيرًا ويزيد من استهلاك الذاكرة.
تزوّدك Next.js براية تهيئة لتمكين توليد ملفات الربط المصدرية من قبل المتصفح خلال مرحلة الإنتاج:
// next.config.js
module.exports = {
productionBrowserSourceMaps: true,
}
عندمّا تُفعّل الراية productionBrowserSourceMaps ستولّد ملفات الربط في نفس المجلد الذي تتواجد فيه ملفات JavaScript، وستُخدّم Next.js التطبيق بهذه الملفات عند الحاجة.
التحفظات على استخدام ملفات الربط المصدرية في Next.js
- قد يزيد استخدامها زمن البناء (
next build). - يزيد من استهلاك الذاكرة أثناء بناء التطبيق.
المصادر
- الصفحة Source Maps من توثيق Next.js الرسمي.