app.module.ts

import { NgModule }         from '@angular/core';
import { ComponentsModule } from './components/components.module';
import { RoutesModule }     from './components/routes.module';
import { AppComponent }     from './app.component';

@NgModule({
  imports: [ComponentsModule, RoutesModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {
}

routes.module.ts

import { RouterModule } from '@angular/router';

export const RoutesModule = RouterModule.forRoot([], { onSameUrlNavigation: 'reload' });

template.module.ts

import { NgModule } from '@angular/core';

const MODULES    = [];
const PROVIDERS  = [];
const COMPONENTS = [];

@NgModule({
  imports: MODULES,
  providers: PROVIDERS,
  declarations: COMPONENTS,
  exports: [].concat(MODULES, COMPONENTS)
})
export class TemplateModule {
}

ui.module.ts

import { NgModule } from '@angular/core';

import { RouterModule } from '@angular/router';
import { CommonModule } from '@angular/common';

import { BrowserModule }           from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { FormsModule }         from '@angular/forms';
import { ReactiveFormsModule } from '@angular/forms';

const MODULES = [
  BrowserModule,
  BrowserAnimationsModule,
  FormsModule,
  ReactiveFormsModule,
  RouterModule,
  CommonModule
];

const PROVIDERS  = [];
const COMPONENTS = [];

@NgModule({
  imports: MODULES,
  providers: PROVIDERS,
  declarations: COMPONENTS,
  exports: [].concat(MODULES, COMPONENTS)
})
export class UiModule {
}