Skip to content

Commit 729c84d

Browse files
fix: lazy load routes to get under the build budget
1 parent 7ef7ef0 commit 729c84d

File tree

3 files changed

+419
-598
lines changed

3 files changed

+419
-598
lines changed

apps/demo/src/app/app.routes.ts

+2-16
Original file line numberDiff line numberDiff line change
@@ -10,22 +10,8 @@ import { FlightSearchReducConnectorComponent } from './flight-search-redux-conne
1010
import { provideFlightStore } from './flight-search-redux-connector/+state/redux';
1111

1212
export const appRoutes: Route[] = [
13-
{ path: 'todo', component: TodoComponent },
14-
{ path: 'flight-search', component: FlightSearchComponent },
1513
{
16-
path: 'flight-search-data-service-simple',
17-
component: FlightSearchSimpleComponent,
18-
},
19-
{ path: 'flight-edit-simple/:id', component: FlightEditSimpleComponent },
20-
{
21-
path: 'flight-search-data-service-dynamic',
22-
component: FlightSearchDynamicComponent,
23-
},
24-
{ path: 'flight-edit-dynamic/:id', component: FlightEditDynamicComponent },
25-
{ path: 'todo-storage-sync', component: TodoStorageSyncComponent },
26-
{
27-
path: 'flight-search-redux-connector',
28-
providers: [provideFlightStore()],
29-
component: FlightSearchReducConnectorComponent
14+
path: '',
15+
loadChildren: () => import('./lazy-routes').then((m) => m.lazyRoutes),
3016
},
3117
];

apps/demo/src/app/lazy-routes.ts

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import { Route } from '@angular/router';
2+
import { TodoComponent } from './todo/todo.component';
3+
import { FlightSearchComponent } from './flight-search/flight-search.component';
4+
import { FlightSearchSimpleComponent } from './flight-search-data-service-simple/flight-search-simple.component';
5+
import { FlightEditSimpleComponent } from './flight-search-data-service-simple/flight-edit-simple.component';
6+
import { FlightSearchDynamicComponent } from './flight-search-data-service-dynamic/flight-search.component';
7+
import { FlightEditDynamicComponent } from './flight-search-data-service-dynamic/flight-edit.component';
8+
import { TodoStorageSyncComponent } from './todo-storage-sync/todo-storage-sync.component';
9+
import { provideFlightStore } from './flight-search-redux-connector/+state/redux';
10+
import { FlightSearchReducConnectorComponent } from './flight-search-redux-connector/flight-search.component';
11+
12+
export const lazyRoutes: Route[] = [
13+
{ path: 'todo', component: TodoComponent },
14+
{ path: 'flight-search', component: FlightSearchComponent },
15+
{
16+
path: 'flight-search-data-service-simple',
17+
component: FlightSearchSimpleComponent,
18+
},
19+
{ path: 'flight-edit-simple/:id', component: FlightEditSimpleComponent },
20+
{
21+
path: 'flight-search-data-service-dynamic',
22+
component: FlightSearchDynamicComponent,
23+
},
24+
{ path: 'flight-edit-dynamic/:id', component: FlightEditDynamicComponent },
25+
{ path: 'todo-storage-sync', component: TodoStorageSyncComponent },
26+
{
27+
path: 'flight-search-redux-connector',
28+
providers: [provideFlightStore()],
29+
component: FlightSearchReducConnectorComponent,
30+
},
31+
];

0 commit comments

Comments
 (0)