我正在开发实现整个角材质控制一个角7的web应用程序。我现在需要包括jQuery的甘特图一剑道UI。似乎有两种方法可以配置它:
js
和styles
文件夹复制到我的wwwroot
文件夹中,并在我的index.html
文件中引用它们。npm install --save @progress/kendo-ui
和npm install --save @progress/kendo-theme-material
。使用方法1,将文件夹手动复制到wwwroot
styles`文件夹中,大约20Mb。我不想为每一个版本中得到部署这些。
使用方法2,js folder is approximately 77Mb and the
我的webpack捆绑的npm install...
文件大约为5.5Mb,这更好,但是在检查时,当我只需要甘特图并且依赖于它时,它仍然包含整个Kendo UI组件套件组件。我还发现,当我main.js
材质主题并在我的npm install...
文件中包含引用时,组件上的样式似乎不正确。条形图是彩色的,但几乎所有其他颜色都没有颜色,并且甘特图无法正确调整大小。
我的折衷方案是将angular.json
用于Kendo UI组件,并将所需的npm install...
文件手动复制到我的.css
文件夹中,并在我的wwwroot
文件中引用它们
请问有人可以建议一种更好的方法来实现这些甘特控件的精益,鲁棒的方式吗?
答案 0 :(得分:1)
我还不得不在Angular 7项目中使用jQuery Gantt图表。 我还采用了第二种方法:
npm install --save @progress/kendo-ui
然后我在app.module.ts
中插入以下语句:
import '@Progress/kendo-ui/js/kendo.gantt'
我捆绑的main.js
大79kb。
如果您需要更多信息,请随时回复。 希望这会有所帮助:)