角材料-排除零部件样式

Question

我正在使用angular v8应用程序，但是在制作产品时遇到了问题。我注意到生成的style.scc为1.5 MB！我使用Material，但并未使用它的所有组件。

所以问题是-有没有办法仅在生产style.css中包括所需的组件样式？例如，.mat-icon {...} 、. mat-form-field {...}仅定义样式，依此类推。

感谢前进！

Answer 1

指南on the Material website显示您只能包含某些组件。 为此，您必须手动导入并包括基本主题mixins，但这应允许您减小.scss文件的大小：

@import '~@angular/material/theming';

// Base mixin
@include mat-core();

// Define the theme.
$candy-app-primary: mat-palette($mat-indigo);
$candy-app-accent:  mat-palette($mat-pink, A200, A100, A400);
$candy-app-theme:   mat-light-theme($candy-app-primary, $candy-app-accent);

// Include the theme styles for only specified components.
@include mat-core-theme($candy-app-theme);
@include mat-button-theme($candy-app-theme);
@include mat-checkbox-theme($candy-app-theme);