logo The World’s #1 Bootstrap 4 HTML, Angular 9, React, VueJS & Laravel
Admin Dashboard Theme

Angular Skeleton

Remove Demo Pages

All demo pages are in separate modules. The demo pages can be removed from this folder
[metronic]/theme/angular/[demo]/src/app/views/pages/. Leave for auth and dashboard folders. Auth is required for authentication module like login and register page. Dashboard folder can be modified or removed later.

Remove unused components declaration and imports from this pages module file. [metronic]/theme/angular/[demo]/src/app/views/pages/pages.module.ts


import { MailModule } from './apps/mail/mail.module';
import { ECommerceModule } from './apps/e-commerce/e-commerce.module';
import { UserManagementModule } from './user-management/user-management.module';
import { MyPageComponent } from './my-page/my-page.component';
            

Keep the minimal imports for required modules only.

// Angular
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
// Partials
import { PartialsModule } from '../partials/partials.module';
// Pages
import { CoreModule } from '../../core/core.module';

@NgModule({
	declarations: [],
	exports: [],
	imports: [
		CommonModule,
		CoreModule,
		PartialsModule,
	],
	providers: []
})
export class PagesModule {
}

Remove the demo page routers from this main Angular routing file
[metronic]/theme/angular/[demo]/src/app/app-routing.module.ts.

These are the list of demo page routers that can be removed.

{
    path: 'mail',
    loadChildren: () => import('app/views/pages/apps/mail/mail.module').then(m => m.MailModule)
},
{
    path: 'ecommerce',
    loadChildren: () => import('app/views/pages/apps/e-commerce/e-commerce.module').then(m => m.ECommerceModule),
},
{
    path: 'ngbootstrap',
    loadChildren: () => import('app/views/pages/ngbootstrap/ngbootstrap.module').then(m => m.NgbootstrapModule)
},
{
    path: 'material',
    loadChildren: () => import('app/views/pages/material/material.module').then(m => m.MaterialModule)
},
{
    path: 'user-management',
    loadChildren: () => import('app/views/pages/user-management/user-management.module').then(m => m.UserManagementModule)
},
{
    path: 'wizard',
    loadChildren: () => import('app/views/pages/wizard/wizard.module').then(m => m.WizardModule)
},
{
    path: 'builder',
    loadChildren: () => import('app/views/theme/content/builder/builder.module').then(m => m.BuilderModule)
},