Telerik Kendo UI 用于 Angular 7 Web 应用程序的 JQuery Gantt 配置

Question

我正在开发一个 Angular 7 Web 应用程序，它在整个过程中实现了 Angular Material 控件。我现在需要为 JQuery 甘特图添加一个 Kendo UI。似乎有两种配置方法：

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，手动将文件夹复制到 wwwrootjs folder is approximately 77Mb and thestyles` 文件夹中大约 20Mb。我不想为每个版本都部署这些。

使用方法 2，npm install... 我的 webpack 捆绑的 main.js 文件大约为 5.5Mb，这更好，但当我只需要甘特图及其依赖组件时，检查时仍包含整个 Kendo UI 组件套件。我还发现当我npm install... Material 主题并在我的angular.json 文件中包含参考时，组件上的样式似乎不正确。条形图是彩色的，但几乎其他所有内容都没有颜色，并且甘特图无法正确调整大小。

我的折衷方案是为 Kendo UI 组件使用npm install...，并将所需的.css 文件手动复制到我的wwwroot 文件夹中，并在我的index.html 文件中引用它们。

谁能建议一种更好的方法来实现这些甘特图控制的精益、稳健的方式？

Answer 1

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

npm install --save @progress/kendo-ui

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

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

我捆绑的 main.js 大小为 79kb。

如果您需要更多信息，请随时回复。 希望这会有所帮助:)