Angular 4 with Angular Material:更改导入模块的数量不会改变构建的大小

时间:2017-07-11 14:23:13

标签: angular angular-material2

我是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 { }

0 个答案:

没有答案