当您使用 PrimeNG 时，它是全部进口的，还是摇摇欲坠的？我怎样才能自己确定？

Question

我正在考虑优化一个工作 Angular 项目，我们目前正在研究如何使用 PrimeNG。Webpack 文档 ( https://webpack.js.org/guides/tree-shaking/ )上的 Tree Shaking 部分说它依赖于 ES2015 模块格式来确定可以修剪掉哪些代码，因为 CommonJS 无法进行静态分析。

因此，我假设 Angular 编译器具有相同的限制，因为它在构建过程中使用 Webpack。

话虽如此，我正在查看 PrimeNG 的安装文档（https://www.primefaces.org/primeng/#/setup），它声称它以 CommonJS 格式分发。

这是否意味着我们在导入单个模块时被迫导入整个 PrimeNG？我们可以做些什么来只导入我们需要的东西？

最后，有没有办法确定我自己的项目是导入整个 PrimeNG 还是我们需要的？

谢谢！

Answer 1

如果您从已弃用的 'primeng/primeng' 导入，那么是的，整个 UI 套件都会被导入。而是从 'primeng/inputtext' 或 'primeng/tabview' 导入，这样只有你需要的才会出现在你的包中。更多信息请见以下博客；https://www.primefaces.org/primeng-5-2-0-final-released/