在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對象。