在没有 sencha cmd 的情况下启动 Extjs 6 应用程序的正确方法是什么？

Question

这是我目前尝试过的方法：

Ext.application({
  ....
  // This doesn't do anything 
})

new Ext.Viewport({
  // This throws an error
})

我知道建议使用 Sencha Cmd，但我想简化工作流程，因为脚本将在其他上下文中使用，所以请显示没有 Sencha Cmd 的方法。

P/S：我正在处理的应用程序正在从版本 3.4 升级到版本 6。

编辑：我希望 Extjs 6 可以这样使用：

<!-- main html -->
<script src='ext-all.js' ></script>

<script src='app-all.js' ></script>

如您所见，加载应用程序脚本的方式很老套。在 app-all.js 中，我尝试了上述方法，但 none 有效。我使用的解决方法是初始化一个宽度 = 100% 和高度 = 100% 的容器。

Answer 1

您可以在 Ext.application 参数对象中指定 "mainView" 配置，如下所示：

Ext.application({
    mainView: 'App.view.main.Main'
});

这将创建您在此处指定的 class，并对其应用视口插件。

或者，您可以使用 "launch" 模板函数，如下所示：

Ext.application({
    launch: function() {
        Ext.create('App.view.main.Main');
    }
});

Answer 2

我找到了灵魂。 Extjs 6 在 Ext.container.Viewport 处有 class 可以完成工作

What is the correct way to initiate Extjs 6 app without sencha cmd?