PrimeNG 仅加载所需的组件答案

【问题标题】：PrimeNG Load only Required ComponentsPrimeNG 仅加载所需的组件
【发布时间】：2016-05-22 00:20:26
【问题描述】：

我在我的网站上添加了两个 PrimeNg 组件。但是我注意到（在 Chrome 开发工具 -> 网络中）打开第一页时正在加载许多其他组件。它使第一页的加载速度很慢。

有没有办法指示 Prime ng 只加载几个组件？

【问题讨论】：

我注意到 PrimeNG 组件被构建为非常模块化，并且在创建更大的组件时可以重用组件。你认为它可能会降低这些依赖关系吗？或者它是在拉下你从未接触/不需要的东西？
在开发中衡量性能并不能说明什么。首先创建一个内联所有内容的可部署，启用prodMode，然后进行测量。在开发过程中，Angular2 会加载数百个文件，这些文件将在构建步骤中减少到几个。

【解决方案1】：

尽管他们的网站上没有记录，但确实可以准确地加载您需要的内容。只需这样做：

import { Dropdown } from 'primeng/components/dropdown/dropdown';
import { SelectItem } from 'primeng/components/api/selectitem';

【讨论】：

从 PrimeNG 5.2.0 开始，您现在可以简单地 import { Calendar } from 'primeng/calendar' 并仅获取单个组件。一些共享接口模块位于primeng/components/common/ 文件夹中。