Yaya ka latsa karɓa jigogi/fasaloni a hankali a Angular?

Question

Accepted Answer

**Latsa karɓa** yana ɗagawa shiryar lambar fasali har sai mai amfani ya yi kewayo shi, maimakon bundling komai a cikin ajiyar farko. Wannan yana iya rage jamar farko da sankarau ɓangare na farko na app.

## Latsa karɓa na saunin component (shalaye)

```ts
export const routes: Routes = [
  { path: "home", component: HomeComponent },         // eager (in main bundle)
  {
    path: "admin",
    loadComponent: () =>                               // lazy — separate chunk
      import("./admin/admin.component").then(m => m.AdminComponent),
  },
];
```

Ajali `import()` yana gaya da kayan gida don rarraba `AdminComponent` a cikin yankinsa na musamman, wanda aka saki ne kawai lokacin da mai amfani ya ziyarci `/admin`.

## Latsa karɓa na jigogi na jigogi

```ts
export const routes: Routes = [
  {
    path: "dashboard",
    loadChildren: () =>                                // load a whole feature's routes
      import("./dashboard/dashboard.routes").then(m => m.DASHBOARD_ROUTES),
  },
];
```

`loadChildren` yana latsa karɓa wuri daidai-daidai na fasali (duk jigogi/sassani) a matsayin kachako ɗaya — hanyar daidaita app babbar ta hanyar fasali.

## Siffa ta NgModule-based (tsohuwar codebases)

```ts
{
  path: "shop",
  loadChildren: () => import("./shop/shop.module").then(m => m.ShopModule),
}
```

## Yaya ya inganta aikin

```text
Without lazy loading: main.js = Home + Admin + Dashboard + Reports + ... (large, slow)
With lazy loading:    main.js = Home only; other features load on navigation
```

Mai amfani kawai sai ya saki abin da suka ziyarci — muhimmi ga babbar jarin aiki tare da yankuna da yawa na fasali, wanda mafi yawa mai amfani ba zai buɗe kaiɗai ba.

## Dabarun aiki kafin lokaci (mafi kyau na duka biyu)

```ts
provideRouter(routes, withPreloading(PreloadAllModules));
// load lazy chunks in the background AFTER initial load, so navigation is instant
```

Aiki kafin lokaci yana zaikar kachako latsa a bayan jiya, don jamar farko ya ragu kaɗan *kuma* kewayo na gida yayi sai wa taɓakammu. Kuna iya rubuta dabaru na musamman (misali, aiki kafin lokaci kawai mayin gida mai yiwuwa).

## Yaya ya matuwa

Latsa karɓa shine babbar dabarun yana ɗan nuna Angular ajiyar farko kaiɗan lokacin da app ya girma — muhimmi ga babbar da yawa-fasali jarin aiki Angular ya niyata.

Rabbawa ta jigogi/fasali (`loadComponent`/`loadChildren`) yana nuna cikin gida farko, kuma ita tare da dabara aiki kafin lokaci ta ba amfani da saurin farko da ciwon kewayo.

Ita hanya daidaita, tasiri ɗaya aikin aiki a cikin kowane babbar Angular aikace-aikace.