用于Angular 7 Web应用程序JQuery甘特图配置的Telerik Kendo用户界面

我正在开发一个Angular 7 web应用程序，它在整个过程中实现Angular材质控件。我现在需要为JQuery甘特图包括一个剑道UI。似乎有两种方法可以配置此功能：

将js和styles文件夹从KendoUIforjQuery安装目录复制到我的wwwroot文件夹中，并在我的index.html文件中引用它们。 npm安装-保存@progress/kendo ui和npm安装-保存@progress/kendo主题材料。 在方法1中，手动将文件夹复制到wwwroot中，js文件夹约为77Mb，Styles文件夹约为20Mb。我不想在每个版本中都部署这些

使用方法2，npm安装。。。我的webpack bundled main.js文件大约为5.5Mb，这更好，但在检查时，仍然包含整个剑道UI组件套件，而我只需要甘特图及其相关组件。我还发现当我安装npm时。。。材质主题，并在my angular.json文件中包含引用，组件上的样式似乎不正确。条形图是彩色的，但几乎所有其他东西都没有颜色，甘特图的大小也不能正确调整

我的妥协是使用npm安装。。。对于剑道UI组件，手动将所需的.css文件复制到我的wwwroot文件夹中，并在我的index.html文件中引用它们

---

有谁能为实现这些甘特图控件的精益、稳健的方法提供更好的建议吗？

我还不得不在Angular 7项目中使用jQuery甘特图。 我还采取了第二种方法：

npm install --save @progress/kendo-ui

然后，我在app.module.ts中插入了以下语句：

我的绑定main.js有79kb大

如果您需要更多信息，请随时回复。

---

希望这有帮助：

我不知道我可以说得更具体一些，这很有帮助，谢谢。我从wwwroot中删除了js文件夹，并将styles文件夹保留在中。我删除了除常用材质和材质文件之外的所有css样式。这会有所帮助，但DejaVu字体的大小约为7Mb。这些可以用任何方式修剪吗？

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