اینک زمان ارتقا به انگولار 0 به عنوان نسخه جدید این فریمورک فرانت‌اند فرا رسیده است. جدیدترین نسخه انگولار شامل قابلیت‌هایی از قبیل بهبود عملکرد، اندازه باندل کوچک‌تر و بسیاری موارد دیگر است. علاوه بر این اینک رندر کننده پیش‌فرض Ivy است. برای پیگیری این راهنمای کوتاه نسخه شما در حال حاضر باید 8.x.x باشد. ما از تگ 9.0.0 برای ارتقای وابستگی‌ها استفاده می‌کنیم.

به‌روزرسانی خودکار به انگولار ۹

با دستور زیر انگولار را به صورت خودکار به‌روزرسانی کنید:

به‌روزرسانی دستی به انگولار ۹

برای به‌روزرسانی دستی به صورت زیر عمل کنید. برای به‌روزرسانی Angular CLI (سراسری) از دستور زیر استفاده کنید:

برای به‌روزرسانی وابستگی‌های انگولار (لوکال)‌ از دستور زیر استفاده کنید:

اگر از متریال دیزاین استفاده می‌کنید می‌توانید از دستور زیر استفاده کنید:

وابستگی‌های dev انگولار را که به صورت لوکال هستند به صورت زیر به‌روزرسانی می‌کنیم:

برای به‌روزرسانی همه وابستگی‌های مرتبط دیگر در محیط لوکال نیز از دستور زیر استفاده می‌کنیم:

وابستگی‌های مرتبط با dev به صورت لوکال را نیز با دستور زیر به‌روزرسانی کنید:

TypeScript + tslib (لوکال)

شما باید روی سیستم خود تایپ اسکریپت 3.6 و بالاتر را نصب داشته باشید. نسخه‌های 3.4 و 3.5 دیگر پشتیبانی نمی‌شوند. تایپ اسکریپت و tslib به عنوان یک «وابستگی همتا» (peer dependencies) با افزودن کد زیر به انتهای فایل package.json اضافه می‌شوند:

در صورتی که در این مرحله با خطایی مواجه شدید، باید package-lock.json و node_modules را حذف کرده و دستور npm install را اجرا کنید.

نکات مهم در ارتقا به انگولار ۹

در این بخش برخی نکات مهم در زمان ارتقا به انگولار نسخه 9 را با هم مرور می‌کنیم.

رندرکننده Ivy

برخی مشکلات ممکن است در مورد Ivy رخ بدهند. در خصوص تغییراتی که ممکن است در پروژه شما حادث شوند، در این صفحه (+) و ‌این صفحه (+) توضیحاتی ارائه شده است.

بارگذاری کند

به دلیل مشکل منسوخ شدن، باید اینک از ایمپورت‌های دینامیک به جای یک رشته استفاده کنید:

Platform webworker

توجه داشته باشید که پکیج angular/platform-webworker@ نیز منسوخ شده است.

نکات مفید در هنگام ارتقا به انگولار ۹

در این بخش برخی نکات مفید که در زمان ارتقا به نسخه 9 انگولار باید بدانید ارائه شده‌اند.

API-های منسوخ ‌شده

با بررسی این فهرست (+) متوجه می‌شوید که کدام API-ها در نسخه جدید ناموجود و یا منسوخ شده‌اند.

کامپایلر سازگاری انگولار (ngcc)

با افزودن اسکریپت postinstall به فایل package.json می‌توانید مطمئن شوید که node_modules با رندرکننده Ivy سازگار هستند. پس از دستور npm install از اسکریپت زیر استفاده کنید:

رندرکننده Ivy

اگر می‌خواهید رندرکننده جدید Ivy را غیر فعال کنید، باید کد زیر را به فایل tsconfig.json اضافه کنید:

متریال دیزاین

اینک به جای ایمپورت کردن از angular/material@ باید از کامپوننت خاص عمقی مانند angular/material/button@ ایمپورت کنید.

لاگ تغییرات انگولار

برای مشاهده همه تغییرها و منسوخی‌ها به این صفحه (+) مراجعه کنید.

به این ترتیب به پایان این راهنما می‌رسیم.

اگر این مطلب برای شما مفید بوده است، آموزش‌های زیر نیز به شما پیشنهاد می‌شوند:

^^

==

«میثم لطفی» دانش‌آموخته ریاضیات و شیفته فناوری به خصوص در حوزه رایانه است. وی در حال حاضر علاوه بر پیگیری علاقه‌مندی‌هایش در رشته‌های برنامه‌نویسی، کپی‌رایتینگ و محتوای چندرسانه‌ای، در زمینه نگارش مقالاتی با محوریت نرم‌افزار نیز با مجله فرادرس همکاری دارد.

بر اساس رای 1 نفر

آیا این مطلب برای شما مفید بود؟

نظر شما چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *