没有sencha-cmd的ExtJs应用程序: ExtJs Loader试图加载已经加载的文件

Question

我试图在不使用SenchaCmd的情况下运行ExtJ应用程序。下面是我在索引HTML文件中加载的脚本：

<script type="text/javascript" language="javascript" src="dev/ext-all-debug.js"></script>
<script type="text/javascript" language="javascript" src="dev/all.js"></script>

all.js文件包含使用gulp任务(包括app.js和Application.js文件)连接到一个文件中的所有视图、控制器、存储和模型。问题是在加载了这两个文件之后，Ext仍然尝试一个一个地加载所需的控制器/视图。

我尝试将以下代码添加到Application.js文件中，但是没有什么改变：

constructor: function() {
    this.callParent(arguments);
    Ext.Loader.setConfig({enabled:false});
},

有什么想法吗？如果所有需求都包含在Ext.loader文件中，那么为什么all.js试图加载它们呢？谢谢。

Answer 1

什么版本的Ext JS？如果您使用的是5.0.1，则ext目录根目录中的“ext-all-调试器in”文件将无法工作--您希望在"build“目录中的文件.

Answer 2

我想我知道为什么Ext.Loader不像预期的那样工作了.连接的文件需要按正确的顺序排列，因为在每个Ext.define上，加载程序都在搜索requires部分中指定的依赖项，如果没有加载依赖项，它将尝试加载它们。

它递归地工作，直到加载依赖树。

有一个Grunt插件可以这样做：https://www.npmjs.com/package/grunt-sencha-dependencies

但是，我仍然不满意ExtJs的开发工作流，因为当使用"app watch“时，在dev模式下，如果应用程序足够大，您可以在页面刷新中加载数百个JS文件，这对性能影响很大。