| الأمر البرمجي / الخيار | الوظيفة الأساسية | التأثير على التطبيق النهائي |
|---|---|---|
| ng build | ترجمة وبناء التطبيق بالكامل بالاعتماد على إعدادات الإنتاج الافتراضية | يُنتج ملفات نهائية مضغوطة ومُحسّنة (Minified) وموضوعة في مجلد dist/ |
| --base-href | تحديد المسار الأساسي للتطبيق على الخادم إذا لم يكن في المسار الجذري | يضمن عمل الروابط والملفات بشكل صحيح إذا كان التطبيق مرفوعاً داخل مجلد فرعي |
| --configuration development | بناء التطبيق باستخدام إعدادات التطوير بدلاً من الإنتاج | يتيح فحص عملية البناء دون ضغط الكود أو إخفاء رسائل الخطأ لتسهيل تتبع المشاكل |
نصل الآن إلى الدرس السابع والأخير في فصل أداة سطر الأوامر (Angular CLI). بعد أن قمنا بتطوير التطبيق، توليد مكوناته، اختباره محلياً، وضبط بيئات العمل الخاصة به، حان الوقت لتحويل هذا الكود المكتوب بلغة TypeScript إلى ملفات جافاسكربت (JavaScript) بسيطة ومضغوطة يفهمها أي متصفح، ليكون التطبيق جاهزاً للرفع على خوادم الاستضافة الحقيقية.
عند تشغيل أمر البناء في Angular 22.1، تقوم الأداة بعدة عمليات معقدة لضمان أعلى أداء، أبرزها:
تحويل قوالب الـ HTML و Angular إلى جافاسكربت أثناء عملية البناء وليس في متصفح المستخدم، مما يسرع العرض بشكل هائل.
فحص جميع الملفات والمكتبات وحذف أي كود أو أدوات لم يتم استخدامها فعلياً داخل التطبيق لتقليل حجم الملف النهائي.
إزالة المسافات وحذف التعليقات البرمجية، وتغيير أسماء المتغيرات لحجم أصغر لحماية الكود وتسريع تحميله.
بمجرد انتهاء الأمر، يتم إنشاء مجلد جديد باسم dist/ (أو بالمسار المحدد في angular.json). هذا المجلد يحتوي على ملفات ثابتة (index.html، وملفات js، وملفات css)؛ وهي الملفات الوحيدة التي ستقوم برفعها إلى خادم الاستضافة (مثل Firebase، Vercel، Nginx، أو Apache).
هذا هو الأمر الذي ستستخدمه في 99% من الحالات عند الانتهاء من البرمجة:
| 1 | # بناء التطبيق مع تفعيل كافة خيارات تحسين الأداء |
| 2 | ng build |
ℹ️ معلومة
إذا كنت سترفع التطبيق على رابط فرعي (مثلاً: [www.example.com/my-dashboard/](https://www.example.com/my-dashboard/))، يجب إخبار Angular بذلك لتصحيح مسارات الأصول:
| 1 | ng build --base-href /my-dashboard/ |