要解决"Angular 7+ 模块化前端"的问题，可以按照以下步骤进行：

1. 安装Angular CLI（Command Line Interface）：在命令行中运行以下命令安装Angular CLI。

npm install -g @angular/cli

2. 创建新的Angular项目：在命令行中运行以下命令创建一个新的Angular项目。

ng new my-app

3. 进入项目目录：在命令行中运行以下命令进入新创建的项目目录。

cd my-app

4. 创建一个新的模块：在命令行中运行以下命令创建一个新的模块。

ng generate module my-module

这将在src/app目录下创建一个名为my-module的新模块。

5. 创建一个新的组件：在命令行中运行以下命令创建一个新的组件。

ng generate component my-component

这将在src/app目录下创建一个名为my-component的新组件。

6. 在模块中导入和声明组件：打开src/app/my-module/my-module.module.ts文件，并在其中导入和声明my-component组件。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MyComponentComponent } from '../my-component/my-component.component';

@NgModule({
  declarations: [
    MyComponentComponent
  ],
  imports: [
    CommonModule
  ]
})
export class MyModuleModule { }

7. 在模块中导出组件：在src/app/my-module/my-module.module.ts文件中，将my-component组件添加到exports数组中。

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

8. 在应用中使用模块：打开src/app/app.module.ts文件，并将MyModuleModule添加到imports数组中。

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MyModuleModule } from './my-module/my-module.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MyModuleModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

9. 在组件模板中使用组件：打开src/app/app.component.html文件，并在其中使用my-component组件。

10. 运行应用：在命令行中运行以下命令启动应用。

ng serve

这将启动一个本地开发服务器，并在浏览器中打开应用。

以上是使用Angular 7+模块化前端的基本步骤和示例代码。根据具体需求，你可以继续添加其他模块和组件，并在应用中进行组织和使用。