الفرق بين المراجعتين لصفحة: «Next.js/source maps»
< Next.js
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
| (مراجعتان متوسطتان بواسطة مستخدمين اثنين آخرين غير معروضتين) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:ملفات الربط المصدرية في Next.js}}</noinclude> | <noinclude>{{DISPLAYTITLE:ملفات الربط المصدرية Source Maps في Next.js}}</noinclude> | ||
تُفعَّل ملفات الربط المصدرية 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 التطبيق بهذه الملفات عند الحاجة. | ||
== | == محاذير == | ||
* قد يزيد استخدامها زمن البناء (<code>next build</code>). | * قد يزيد استخدامها زمن البناء (<code>next build</code>). | ||
| سطر 17: | سطر 20: | ||
* الصفحة [https://nextjs.org/docs/advanced-features/source-maps Source Maps] من توثيق Next.js الرسمي. | * الصفحة [https://nextjs.org/docs/advanced-features/source-maps Source Maps] من توثيق Next.js الرسمي. | ||
[[تصنيف:Next.js|{{SUBPAGENAME}}]] | |||
[[تصنيف:Next.js Advanced Features|{{SUBPAGENAME}}]] | |||
المراجعة الحالية بتاريخ 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 الرسمي.