在Angular Material 2中，您可以选择将主题样式作为单个文件输出，或者使用延迟加载的方式加载主题样式。

1. 单个文件输出:

首先，确保您已经安装了Angular Material库和相关的主题：

npm install --save @angular/material @angular/cdk
npm install --save @angular/animations
npm install --save @angular/flex-layout

在styles.css文件中，引入所需的主题样式。例如，如果您想使用深色主题，可以添加以下代码：

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

这将使整个应用程序使用深紫色和琥珀色的主题。

2. 延迟加载:

在您的Angular应用程序中，可以使用Angular提供的动态加载功能来延迟加载主题样式。

首先，在根模块（例如app.module.ts）中导入StyleModule：

import { StyleModule } from '@angular/platform-browser/animations';

然后，在NgModule的imports数组中添加StyleModule：

imports: [
  ...
  StyleModule,
  ...
]

接下来，在需要加载主题样式的组件中，使用StyleLoader服务来动态加载主题样式。例如，在app.component.ts中：

import { Component, OnInit } from '@angular/core';
import { StyleLoader } from '@angular/platform-browser/animations';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  constructor(private styleLoader: StyleLoader) {}

  ngOnInit() {
    this.styleLoader.load('/assets/my-theme.css');
  }
}

在上面的例子中，我们使用StyleLoader服务来加载位于assets/my-theme.css路径下的主题样式文件。

请注意，如果您选择延迟加载主题样式，您需要确保在加载主题样式之前已经加载了Angular Material和相关的库。

以上是输出单个文件或延迟加载Angular Material 2主题样式的两种解决方法。您可以根据项目的需要选择适合您的方法。