CavyDev/my_portfolio
1
0
Fork 0
mirror of https://github.com/adam-benyekkou/my_portfolio.git synced 2026-01-15 20:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added lazy loading and package size optimization

Browse Source
This commit is contained in:
AdamBtech
2025-05-23 18:16:25 +02:00
parent 642f0adb73
commit ccb17ba0bc
2 changed files with 58 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
angular.json
View File

@@ -38,21 +38,43 @@
"budgets": [ "budgets": [
{ {
"type": "initial", "type": "initial",
"maximumWarning": "500kB", "maximumWarning": "1.5MB",
"maximumError": "1MB" "maximumError": "2MB"
}, },
{ {
"type": "anyComponentStyle", "type": "anyComponentStyle",
"maximumWarning": "4kB", "maximumWarning": "6kB",
"maximumError": "8kB" "maximumError": "10kB"
} }
], ],
"outputHashing": "all" "outputHashing": "all",
"optimization": {
"scripts": true,
"styles": true,
"fonts": true
},
"sourceMap": false,
"extractLicenses": true,
"namedChunks": false,
"aot": true,
"buildOptimizer": true,
"vendorChunk": false,
"commonChunk": false,
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
]
}, },
"development": { "development": {
"optimization": false, "optimization": false,
"extractLicenses": false, "extractLicenses": false,
"sourceMap": true "sourceMap": true,
"namedChunks": true,
"buildOptimizer": false,
"vendorChunk": true,
"commonChunk": true
} }
}, },
"defaultConfiguration": "production" "defaultConfiguration": "production"
@@ -97,7 +119,6 @@
} }
}, },
"cli": { "cli": {
"analytics": "4f33e7fa-04db-4ebd-b6fd-8b5438dbb3ff", "analytics": "4f33e7fa-04db-4ebd-b6fd-8b5438dbb3ff"
"root": ""
} }
} }

37
src/app/app.routes.ts
View File

@@ -1,14 +1,35 @@
import { Routes } from '@angular/router'; import { Routes } from '@angular/router';
import { AboutComponent } from './layout/components/about/about.component';
import { ContactComponent } from './layout/components/contact/contact.component';
import { HeroComponent } from './layout/components/hero/hero.component'; import { HeroComponent } from './layout/components/hero/hero.component';
import { ProjectsListComponent } from './features/project-display/components/projects-list/projects-list.component';
import { ExperienceComponent } from './layout/components/experience/experience.component';
export const routes: Routes = [ export const routes: Routes = [
{ path: '', component: HeroComponent }, { path: '', component: HeroComponent },
{ path: 'about', component: AboutComponent }, {
{ path: 'contact', component: ContactComponent }, path: 'about',
{ path: 'projects', component: ProjectsListComponent }, loadComponent: () =>
{ path: 'experience', component: ExperienceComponent }, import('./layout/components/about/about.component').then(
(c) => c.AboutComponent,
),
},
{
path: 'contact',
loadComponent: () =>
import('./layout/components/contact/contact.component').then(
(c) => c.ContactComponent,
),
},
{
path: 'projects',
loadComponent: () =>
import(
'./features/project-display/components/projects-list/projects-list.component'
).then((c) => c.ProjectsListComponent),
},
{
path: 'experience',
loadComponent: () =>
import('./layout/components/experience/experience.component').then(
(c) => c.ExperienceComponent,
),
},
{ path: '**', redirectTo: '' }, // Wildcard route for 404 handling
]; ];