Angular 5/6 с Webpack 4

Я уже несколько дней пытаюсь (обнаруживая ошибку за ошибкой), чтобы мой проект работал с Webpack 4 (необходимость, поскольку мне нужно указать, где в моем пакете реализованы стили, плагины и т. д.).

В моем проекте используется более сложный маршрутизатор, например:

import { HOME_ROUTES } from './shared/routes/home.routes';
const appRoutes: Routes = [
{ path: '', redirectTo: 'home', pathMatch: 'full'},
{ path: '', component: HomeComponent, data: { title: 'Home' }, children: HOME_ROUTES},
<more routes here>
]

Затем дочерние элементы используются для отложенной загрузки модулей, чтобы я мог делиться макетами.

В остальном мой проект довольно нормальный (но очень модульный, чтобы делиться макетами, карточками, стилями и т. д. Для повышения производительности).

Кто-нибудь знает, как настроить Webpack 4 для работы с этой настройкой? (У меня есть дерево проектов ниже, если это помогает)

Было бы проще, если бы у кого-то был рабочий пример Webpack 4 с Angular 5 (я не смог найти тот, который работает с моей настройкой). Если вы хотите увидеть файлы моего проекта, я могу их предоставить.

Дерево проекта:

-src
  -app
      -layouts
      -pages
      --app.routes.ts
      -(app module/files)
      -shared
          -routes
          -(cards, auth, directives, navigation, more)
          -shared.module.ts
      -assets
          -css
          -img
          -js
          -sass
      -(index.html, main.ts, and standard files)

(Я скомбинировал части и для простоты исключил их)