使用Angular Cli缩小PrimeNg库的大小

Question

PrimeNg是一个包含许多组件的大型库。我的角度应用程序仅使用少量组件。 我正在使用AngularCLI来构建此应用程序。 当我构建它时，vendor.bundle具有primeng库的全部内容。这使得大小的捆绑大小（~4MB）。

如何只包含必要的组件而不是完整的库？

Answer 1

通常我们使用以下语法

导入PrimeNg组件

import {DataTableModule,SharedModule} from 'primeng/primeng';

当我们引用这个通用命名空间时，它会在vendor.bundle.js

中提取整个库

而不是这个，从特定模块中取出它， import { DataTableModule, } from 'primeng/components/datatable/datatable'; import { SharedModule } from 'primeng/components/common/shared';

这将只包括vendor.bundle.js中引用的组件（+它们的依赖项）

要查找相关路径，请下载PrimeNg代码（https://github.com/primefaces/primeng）并检查＆＃34; primeng.d.ts＆＃34;中列出的组件列表。文件。