البناء والمعاينة
شغّل vite build وvite preview للتحقق من إصدار الإنتاج محليًا.
البناء والمعاينة درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
أمر البناء
شغّل سكربت البناء لإنشاء ناتج جاهز للإنتاج.
npm run buildما الذي يفعله البناء
تجمع Vite التعليمات البرمجية في حزمة، وتزيل الأشجار، وتصغّرها. وتطبّق SvelteKit المحوّل المختار.
المعاينة محليًا
استخدم سكربت المعاينة لاختبار بناء الإنتاج محليًا.
npm run previewسبب استخدام المعاينة
المعاينة أقرب إلى بيئة الإنتاج من بيئة التطوير؛ فهي تقدم الحزم المبنية بدلًا من التعليمات البرمجية المجهزة بـHMR.
ناتج البناء
ينتقل الناتج إلى build/ افتراضيًا. ويخصص كل محوّل بنيته.
أخطاء البناء
تظهر هنا أخطاء TypeScript ومشكلات الاستيراد. أصلحها قبل النشر.
تدقيق الأداء
شغّل Lighthouse على npm run preview لتقييم الأداء الفعلي.
تحليل الحزمة
أضف vite-bundle-visualizer أو rollup-plugin-visualizer لفحص مكونات الحزمة.
ملفات البيئة
تستخدم عمليات بناء الإنتاج .env.production افتراضيًا، بينما تستخدم بيئة التطوير .env.
خرائط المصدر
فعّل خرائط المصدر في الإنتاج لمراقبة الأخطاء، مع تحقيق توازن بين الخصوصية وسهولة تصحيح الأخطاء.
عمليات بناء CI
شغّل البناء في CI قبل النشر لاكتشاف المشكلات مبكرًا.
اختبار سريع
ماذا يفعل npm run preview؟
مراجعة
استخدم build للإنتاج وpreview للاختبار المحلي المشابه للإنتاج قبل النشر.
الأسئلة الشائعة
هل درس «البناء والمعاينة» مجاني؟
نعم — نص درس «البناء والمعاينة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «البناء والمعاينة»؟
شغّل vite build وvite preview للتحقق من إصدار الإنتاج محليًا. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.
كم من الوقت يستغرق درس «البناء والمعاينة»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- adapter-static للمواقع الثابتة
- adapter-node لخادم Node.js
- adapter-vercel وadapter-cloudflare
- البناء والمعاينة