如何将 GeoExt3 添加到 Extjs 6 MVVM 架构?

How can I add GeoExt3 to Extjs 6 MVVM architecture?

我想开发一个Extjs 6 application with MVVM architecture. In this application, I want to use GeoExt 3

我不知道如何将 GeoExt 3 库添加到应用程序?

我该怎么做?

您必须使用 GeoExt3 创建一个包。对于 Extjs-6 中的打包,请阅读 heer.

如何使用sencha命令打包GeoExt

从这里安装 sencha cmd(使用 版本 6,目前仅作为预览版)。

要生成包,您通常首先通过发出

创建一个 sencha workspace

sencha -sdk /path/to/ext-n.n.n generate workspace /path/to/workspace

在工作区内将 geoext3 存储库克隆到 packages 子文件夹中:

$ cd /path/to/workspace/packages
$ git clone https://github.com/KaiVolland/geoext3.git GeoExt3
$ cd GeoExt3

那你可以发出

$ sencha package build

或者,如果您的源代码不在 sencha 工作空间内,您可以配置工作空间的路径,然后构建:

$ sencha config --prop workspace.config.dir=/path/to/workspace/.sencha/workspace then package build

将 GeoExt 添加到本地 sencha 存储库

初始化本地 "GeoExt Contributors" 存储库:

$ sencha package repo init -name "GeoExt Contributors" -email "dev@geoext.org"

将包添加到此

$ sencha package add D:/xampp/htdocs/ExtProjects/GeoExt3/build/GeoExt/GeoExt.pkg

将您的应用创建为 heer
要在 sencha 应用程序中使用此包,只需将 "GeoExt" 添加到 "requires"-array 在你的 app.json:

/**
 * The list of required packages (with optional versions; default is "latest").
 *
 * For example,
 *
 *      "requires": [
 *          "charts"
 *      ]
 */
"requires": [
    "GeoExt"
],

最后按如下方式构建应用程序:

$ sencha app build