Угловой 5/6 с Webpack 4

Question

Я уже несколько дней пытаюсь (находя ошибку за ошибкой) заставить мой проект работать с 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)

(Я сложил и упустил части для простоты)