路由到子路由模块，无需延迟加载

我想要多个routing模块，以保持我的应用程序干净且易于阅读。我目前使用延迟加载SubComponent但我不想这样做。所以我正在寻找一种方法来改变这种情况。无论如何，这是当前正在工作的代码。

我有以下两个路由文件。

app-routing.module.ts:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'sub', loadChildren: './sub/sub.module#SubModule' }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})

sub-routing.module.ts:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  { path: '', component: SubComponent, children: [
    { path: 'new', component: SubEditComponent }
  ] },
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})

这种方式工作得很好，但我不想对此应用延迟加载SubComponent。所以，理想情况下我想改变app-routing.module.ts对此：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'sub', component: SubComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})

这将不起作用并导致以下错误：

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'sub/new'
Error: Cannot match any routes. URL Segment: 'sub/new'

The SubComponent大小会大幅增长，并且由于我自己的原因，我不想应用延迟加载。那么无论如何，有没有一种方法可以使用多个路由文件，同时避免延迟加载呢？

您是否尝试过像这样加载它：

{ path: 'sub', loadChildren: () => SubModule }

你可以找到更多详细信息here https://toddmotto.com/lazy-loading-angular-code-splitting-webpack.