javascript - 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，还是只导入我们需要的？

谢谢！

标签： javascriptangularwebpackprimeng

Answer 1

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