Angular haciendo lazy loading pero aún tiene 1 archivo principal (main.js).

1. enrutamiento de la aplicación
   https://prnt.sc/20zqxzy

const routes: Routes = [
  {
    path: '',
    loadChildren: () => import(/* webpackChunkName: "index" */ './pages/module/main/index-page/index-page.module').then(m => m.IndexPageModule)
  }, {
    path: 'user',
    loadChildren: () => import(/* webpackChunkName: "user" */ './pages/module/user/user-routing/user-routing.module').then(m => m.UserRoutingModule)
  }
 ]


@NgModule({
  imports: [RouterModule.forRoot(routes, {
    initialNavigation: 'enabledBlocking'
  })],
  exports: [RouterModule]
})
export class AppRoutingModule { }

2. enrutamiento de la página de índice
   https://prnt.sc/20zr52z

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { IndexPageComponent } from './index-page.component';

// Páginas

const routes: Routes = [
  {
    path: '',
    component: IndexPageComponent,
  },
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class IndexPageRoutingModule { }

Pero aquí, cuando construyo un proyecto
https://prnt.sc/20zr994

Solo tiene archivos main.js y no tiene ningún archivo de fragmento de carga diferida. ¿Qué estoy haciendo mal?