在Angular 8中，可以使用动态导入和懒加载来管理两个独立捆绑包的大小。

首先，确保您的Angular项目已经升级到Angular 8版本。

接下来，您可以使用Angular的动态导入功能来按需加载您的模块和组件。这将允许您通过在需要时加载它们来减小初始捆绑包的大小。

以下是一个使用动态导入和懒加载的示例代码：

1. 创建一个名为module1的独立模块，它将包含您要按需加载的组件。

// module1.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Component1 } from './component1';

@NgModule({
  declarations: [Component1],
  imports: [CommonModule],
  exports: [Component1]
})
export class Module1 { }

2. 创建一个名为module2的独立模块，它将包含您要按需加载的组件。

// module2.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Component2 } from './component2';

@NgModule({
  declarations: [Component2],
  imports: [CommonModule],
  exports: [Component2]
})
export class Module2 { }

3. 在您的主模块（通常是app.module.ts）中，使用动态导入按需加载这些模块。

// app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  { path: 'module1', loadChildren: () => import('./module1').then(m => m.Module1) },
  { path: 'module2', loadChildren: () => import('./module2').then(m => m.Module2) }
];

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    RouterModule.forRoot(routes)
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

4. 在您的模板或组件中，使用路由链接来触发按需加载。

Module 1
Module 2

通过使用动态导入和懒加载，您可以根据需要加载模块和组件，从而减小初始捆绑包的大小。请注意，这只是一个示例，并且您可以根据您的项目需求进行调整和扩展。