Пользовательский интерфейс Telerik Kendo для конфигурации JQuery Gantt для веб-приложения Angular 7

Question

Я занимаюсь разработкой веб-приложения Angular 7, в котором реализованы элементы управления Angular Material.Теперь мне нужно включить пользовательский интерфейс Kendo для диаграммы JQuery Gantt.Кажется, есть два подхода к настройке этого:

1. Скопируйте папки js и styles из каталога установки Kendo UI for JQuery в мою папку wwwroot и сослаться на них в моем index.html файл.
2. npm install --save @progress/kendo-ui и npm install --save @progress/kendo-theme-material.

При подходе 1 копирование папок вручную в wwwroot папку стилей js folder is approximately 77Mb and the занимает около 20 МБ.Я не хочу развертывать их для каждого выпуска.

При подходе 2 npm install... мой файл main.js в пакете составляет около 5,5 МБ, что лучше, но при проверке все еще содержит весь пользовательский интерфейс KendoНабор компонентов, когда мне нужен только Гантт и его зависимые компоненты.Я также обнаружил, что когда я npm install... тему Материала и включаю ссылку в мой файл angular.json, стили для компонентов выглядят некорректно.Цветные полосы, но почти все остальное не имеет цвета, а диаграмма Ганта не изменяется должным образом.

Мой компромисс был в том, чтобы использовать npm install... для компонентов пользовательского интерфейса Kendo и вручную скопировать необходимые .cssфайлы в мою папку wwwroot и ссылки на них в моем файле index.html.

Может кто-нибудь предложить лучший подход для бережливого и надежного способа реализации этих элементов управления Ганта, пожалуйста?

Answer 1

Мне также пришлось использовать диаграмму jQuery Gantt в проекте Angular 7.Я также выбрал второй подход:

npm install --save @progress/kendo-ui

Затем я вставил следующее утверждение в мой app.module.ts:

import '@Progress/kendo-ui/js/kendo.gantt'

Мой пакет main.js имеет размер 79 КБ.

Если вам нужна дополнительная информация, не стесняйтесь отвечать.Надеюсь, это поможет:)