اندازهی قلم متن
تخمین مدت زمان مطالعهی مطلب:
یک دقیقه
تغییر loadChildren در نسخه 8
در نسخه 8، استفاده از syntax رشتهای برای loadChildren در lazy loading، منسوخ شدهاست:
const routes: Routes = [{ path: 'lazy', // The following string syntax for loadChildren is deprecated loadChildren: './lazy/lazy.module#LazyModule' }];
const routes: Routes = [{ path: 'lazy', // The new import() syntax loadChildren: () => import('./lazy/lazy.module').then(m => m.LazyModule) }];
import مجزای componentهای Material
اگر ازAngular Material استفاده میکنید باید Component های مورد استفاده را بطور مجزا import کنید. به عنوان مثال اگر از button استفاده کردهاید، باید @angular/material/button را import کنید . البته در اینجا نیز دستور ng update این کار را بطور خودکار انجام میدهد.
بهبود CLI با تولید بستههای متفاوت ES 5 و ES 6
در نسخه 8، دستور build ارائه شده توسط CLI میتواند دو خروجی متفاوت با ES2015 مخصوص مرورگرهای جدید را با حداقل polyfills و ES5 سازگار با مرورگرهای قدیمی را بدهد. در صورتی که بخواهیم build سازگاری با نسخههای قدیمی داشته باشیم، میتوانیم گزینه target در فایل tsconfig.json را به ES5 تغییر دهیم.
برای بروزرسانی پروژههای جاری خود میتوانید از ابزار کمکی ارائه شده توسط تیم angular استفاده کنید.
روش فعالسازی کامپایلر جدید Angular
برای ساخت پروژهای با قابلیت استفاده از ivy compiler میتوانیم از دستور زیر استفاده کنیم:
ng new angularProjectName --enable-ivy
توجه داشته باشید نیاز است nodejs نسخه 10.9 یا 10.9 به بعد نصب باشد.
پس از ساخت پروژه قسمتی با نام angularCompilerOptions در فایل tsconfig.json مشاهد میشودکه نشان دهندهی فعال بودن کامپایلر ivy است:
"angularCompilerOptions": { "enableIvy": true }