Angular2材料dist太大了

Question

我有一个基于C＃的网站。 （www.recognitiongame.com）

首先，我想使用Angular2 Material Menu组件。我在Angular项目中创建了这个，并使用ng build放到我的站点。它正在发挥作用。 （ng-build创建了一个dist文件夹，我把js文件放到我的网站上并链接到它们）

问题是.js文件太大（~7-8MB）。

如何设置只放置（编译？）Angular2 / material中的菜单组件，而不是all @ angular / material。

谢谢，    伊姆雷

Answer 1

首先，您需要将您的Material 2版本更新为2.0.0-beta.10。然后，导入单独的组件模块，而不是导入MaterialModule。导入单独的模块有助于树木抖动，并且从最终构建输出中删除任何未使用的模块。

在这种情况下，您只需要导入MdMenuModule。

import { MdMenuModule } from '@angular/material';

.....
imports: [ MdMenuModule ]