عند بناء المشروع باستخدام Angular CLI، يتم تجميع جميع ملفات المشروع في حزمة رئيسية واحدة كبيرة. وقد استخدمت التوجيه الكسول في التطبيق ويمكنني التنقل بشكل جيد بمجرد تحميل التطبيق. ولكن هل هناك طريقة لتقسيم الحزمة الرئيسية إلى ملفات متعددة استنادًا إلى وحدات التوجيه التي يتم تحميلها بشكل كسول؟
للقيام بذلك، يمكنك الاعتماد على ميزة Webpack في Angular CLI لتحقيق هذا الهدف. يمكنك تكوين Angular CLI لتوليد ملفات حزم منفصلة لكل وحدة توجيه كسولة تلقائيًا.
للبدء، يجب عليك تعديل ملف angular.json (سابقاً angular-cli.json). يمكنك إضافة إعدادات البناء اللازمة لتحقيق هذا الهدف. على سبيل المثال، يمكنك تعريف قسم lazyModules لتحديد الوحدات التي يجب تحميلها بشكل كسول:
json"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"lazyModules": [
"src/app/lazy.module"
],
// أي إعدادات أخرى للبناء
}
}
}
بعد ذلك، يمكنك تشغيل الأمر ng build لبناء التطبيق. سيقوم Angular CLI بتحليل وتحديد الوحدات التي تم تحميلها بشكل كسول وتوليد حزم منفصلة لكل منها.
يجب أن يتمكن مشروعك الآن من تحميل ملفات JavaScript بشكل كسول بناءً على المسارات التي تقوم بتحميلها في تطبيق Angular. هذا يسمح بتقليل حجم الحزمة الأساسية وتحسين أداء التطبيق عند التحميل الأولي.
عليك أيضا التأكد من استخدام إصدارات Angular و Angular CLI الحديثة للاستفادة من جميع الميزات الأخيرة والتحسينات في الأداء والأمان.
المزيد من المعلومات
بالطبع، يُعد تقسيم الحزم في Angular CLI عند استخدام التوجيه الكسول واحدًا من الاستراتيجيات المهمة لتحسين أداء التطبيق وتخفيف الحمل على المستخدمين. ومن الجدير بالذكر أن هذه الخطوة ليست فقط لتحسين أداء التطبيق، بل تسهل أيضًا عملية التطوير وصيانة التطبيقات الكبيرة والمعقدة.
عندما يتم تحميل تطبيق Angular، يتم تحميل الحزمة الأساسية أولاً، والتي تحتوي على الكود الأساسي اللازم لتشغيل التطبيق. ثم، عندما يتم طلب وحدة توجيه كسولة، يتم تحميل الحزمة الخاصة بهذه الوحدة فقط، مما يسمح بتقليل الوقت اللازم لتحميل التطبيق وبالتالي تحسين سرعة استجابته.
بالإضافة إلى ذلك، فإن تقسيم الحزم يسهل عملية إدارة التطبيق وتحسين تجربة التطوير. فبدلاً من العمل على حزمة كبيرة واحدة تحتوي على جميع الملفات، يمكن للمطورين العمل على وحدات توجيه مستقلة بشكل أكبر، مما يجعل الصيانة والتحسين أكثر سهولة.
لا يمكننا إغفال أيضًا الفوائد الأمنية لتقسيم الحزم. فبتحميل الحزم بناءً على الطلب، يقلل ذلك من فرص التعرض للهجمات المحتملة، حيث لا يتم تحميل الكود غير الضروري أو غير المستخدم.
لذا، يُعد تقسيم الحزم باستخدام التوجيه الكسول في Angular CLI إجراءً مهمًا لتحسين أداء التطبيق، وتسهيل عملية التطوير والصيانة، وتحسين الأمان. يُشجع المطورون على استخدام هذه الاستراتيجية في تطبيقاتهم لضمان تقديم تجربة مستخدم ممتازة وآمنة.
