我是Angular的新手,我已经写了我的第一个应用程序,我注意到了一个空白的应用程序,建立了:
ng build --prod
是270 KB(javascripts),Material Design是960 KB(javascripts)。
奇怪的事实是:如果我评论一些材料模块(参见material-components.module.ts),大小不会改变(总是960 kb)。
“编译器”似乎总是包含所有材料模块。
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import 'hammerjs';
import { MaterialComponentsModule } from './material-components.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
MaterialComponentsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
材料components.module.ts
import { NgModule } from '@angular/core';
import {
//MdAutocompleteModule,
MdButtonModule,
MdCardModule,
//MdCheckboxModule,
//MdDatepickerModule,
//MdDialogModule,
//MdGridListModule,
//MdIconModule,
//MdInputModule,
//MdListModule,
//MdMenuModule,
//MdNativeDateModule,
//MdProgressBarModule,
//MdProgressSpinnerModule,
//MdSelectModule,
//MdSidenavModule,
//MdSliderModule,
//MdSlideToggleModule,
//MdSnackBarModule,
//MdTabsModule,
//MdToolbarModule,
//MdTooltipModule
} from '@angular/material';
@NgModule({
declarations: [],
exports: [
//MdAutocompleteModule,
MdButtonModule,
MdCardModule,
//MdCheckboxModule,
//MdDatepickerModule,
//MdDialogModule,
//MdGridListModule,
//MdIconModule,
//MdInputModule,
//MdListModule,
//MdMenuModule,
//MdNativeDateModule,
//MdProgressBarModule,
//MdProgressSpinnerModule,
//MdSelectModule,
//MdSidenavModule,
//MdSliderModule,
//MdSlideToggleModule,
//MdSnackBarModule,
//MdTabsModule,
//MdToolbarModule,
//MdTooltipModule
]
})
export class MaterialComponentsModule { }