在JSPM中使用自定义Kendo-UI构建

Question

我在Aurelia应用程序中使用KendoUI。 到目前为止，我们正在使用Grid控件和Autocomplete控件。

尝试通过ES6导入Kendo对象（使用System.JS和import语句）已与Kendo.all.min.js配合良好，因为它会导出具有所有名称空间的Kendo对象。

我从Kendo.all.min.js导入的语句如下：

import * as Kendo from 'kendo';

然后，我可以使用var datasource = new Kendo.data.dataSource() 。 （我已经设置了config.js，以使用meta部分将“ kendo”指向正确的文件。）

Kendo.all.min.js很大，大部分功能都是不必要的。 因此，我仅使用我们正在使用的组件创建了Kendo.custom.min.js文件。 但是，尝试通过ES6导入剑道不再有效。 我不再在导入的对象上收到任何可用的属性。

如何将Kendo自定义构建与ES6导入一起使用？

Answer 1

我找到了答案-必须在config.js中指定。

由于Kendo默认情况下是AMD软件包，因此JSPM（以及其他诸如RequireJS的加载程序）需要知道其导出的内容。 我的JSPM配置中包含以下内容：

  meta: {
    "vendor/kendo/kendo.custom.min.js": {
      "deps": [
        "github:components/jquery@2.1.4"
      ],
    }
  },

我必须通过添加一行来更改它：

  meta: {
    "vendor/kendo/kendo.custom.min.js": {
      "deps": [
        "github:components/jquery@2.1.4"
      ],
      "exports": "kendo"
    }
  },

...而且奏效了。我现在在导出中看到Kendo对象。