PrimeNG是使用时全部导入的,还是树摇晃的?我如何自己确定?



我正在研究优化一个工作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,或者只是我们需要什么?

谢谢!

如果您从已弃用的"primeng/primeng"导入,那么是的,导入了整个UI套件。相反,从"primeng/inputtext"或"primeng/tabview"导入,这样只有你需要的东西才会出现在你的捆绑包中。更多信息请访问以下博客;https://www.primefaces.org/primeng-5-2-0-final-released/

是的,您可以使用捆绑包分析工具确定您的捆绑包是否包含整个 primeng 库。我总是使用 webpack-bundle-analyzer。

相关内容

最新更新