我从Telerik的网站下载了kendoui核心。 Folder有一个js目录,每个widget都有单独的文件。我想在我的Aurelia应用程序中构建kendoui和systemJS(建立在骨架导航之上)。我能够使用JQueryUI执行此操作,如下所示:
- 创建了一个" jquery-ui@1.11.4"在jspm_packages文件夹中的github文件夹中包含jqueryUI JavaScript lib的文件夹
- 创建了一个名为" jquery-ui@1.11.4.js"的文件;像上面那样导出上面的lib:
module.exports = require(" github:github / jquery-ui@1.11.4 / jquery-ui.js")
- 在我的配置文件中定义了jqueryui:" jquery-ui":" github:github / jquery-ui@1.11.4"
现在,如果我想使用任何小部件,比如datepicker,我会这样做:
从jquery-ui';
导入{datepicker}如何为kendoUI执行此操作?我在某地读过" kendo.core.js"文件包含所有小部件,但它似乎太轻,单独使用它不起作用。它还有一个补充的.map文件。它的用途是什么?
更新:正如下面的答案所示,我决定在我的索引页面中包含kendoUI和jQuery以及脚本标记。而且我没有导入整个kendoUI库(kendo.ui.core.min.js-> 670KB),而是包含了我需要的kendoUI日期选择器所需的文件(kendo.core,kendo.popup,kendo) .calendar和kendo.datepicker-> 99.1KB)。任何人都想使用这种方法,请记住,jQuery也必须在index.html和任何kendo文件之前导入。此外,kendo.core应该在其他之前导入,而datepicker应该在其他所有内容之后导入(即最后一个)
答案 0 :(得分:1)
您用于添加jQuery UI的解决方案不是可扩展的解决方案。你永远不应该在jspm_packages
文件夹中写任何东西,因为该文件夹是jspm可以按照自己的意愿使用。此外,您只需使用JSPM(jspm install jquery-ui
)安装jQueryUI。
您的第一个选择是使用带有jspm install kendo-ui
的jspm安装KendoUI Core。
如果您更喜欢单独使用,则应该只使用<script>
元素加载kendo文件。这样做有什么不对。这些文件用作使用脚本标记加载的全局变量,因此不要与之对抗。
再一次,使用脚本元素加载遗留(读取非模块化)js文件并没有错。