javascript - 使用带有 JSPM 的自定义 Kendo-UI 构建

Question

我在 Aurelia 应用程序中使用 KendoUI。到目前为止，我们正在使用网格控件和自动完成控件。

尝试通过 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 使用元部分将“kendo”指向正确的文件。)

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

如何使用 ES6 导入进行 Kendo 自定义构建？

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 对象。