Импортируется ли весь PrimeNG при его использовании, или он встряхивается?Как я могу определить это сам?

Question

Я смотрю на оптимизацию рабочего проекта Angular, и сейчас мы смотрим, как мы используем PrimeNG.В разделе Tree Shaking в документации Webpack (https://webpack.js.org/guides/tree-shaking/) сказано, что он использует формат модуля ES2015 для определения того, какой код можно удалить, поскольку CommonJS не может быть статически проанализирован.

Итак, я предполагаю, чтоу Angular-компилятора есть то же ограничение, поскольку он использует Webpack в процессе сборки.

При этом я просматривал документацию по установке PrimeNG (https://www.primefaces.org/primeng/#/setup)) и заявляет, что распространяется в формате CommonJS.

Значит ли это, что мы вынуждены импортировать весь PrimeNG при импорте одного модуля? Есть ли что-то, что мы можем сделать, чтобы импортировать только то, что нам нужно?

Наконец, есть лиспособ определить в моем собственном проекте, импортируем ли мы весь PrimeNG или только то, что нам нужно?

Спасибо!

Answer 1

Да, вы можете определить, содержит ли ваш пакет всю библиотеку primeng, используя инструмент анализатора пакетов.Я всегда использую webpack-bundle-analyzer.

Answer 2

Если вы импортируете из устаревшего 'primeng / primeng', тогда да, весь комплект пользовательского интерфейса будет импортирован.Вместо этого импортируйте из 'primeng / inputtext' или 'primeng / tabview', чтобы в вашем пакете оказалось только то, что вам нужно.Больше информации в следующем блоге;https://www.primefaces.org/primeng-5-2-0-final-released/