1

我在其他项目中使用了一些基于 jQuery 的 JavaScript 库,我想将它们与我的 ExtJS 项目一起使用。其他项目通常通过 RequireJS 动态加载这些库:

define(['lib/api/client', 'lib/my_lib'], function(ApiClient, MyLib) {
  ...
});

假设我想在我的 ExtJS 项目中使用这些库。在 ExtJS 中是否有“标准”方法来执行此操作,或者我应该像这样安装自己的解决方案?解决这个问题的常用方法是什么?

require([
  'lib/extjs/ext-all',
  'lib/api/client',
  'lib/my_lib'
], function(Ext, ApiClient, MyLib) {

  Ext.application({
    name: 'MyApp',
    appFolder: 'app',
    launch: function() {
      var apiClient = new ApiClient();

      Ext.create('MyApp.view.Main', {
        apiClient: apiClient
      });

      MyLib.doSomething();
    }
  });

});

require(['lib/extjs/ext-all'], function(Ext) {
  Ext.define('MyApp.view.Main', {
    ...
  });
});

底线:我想避免在头部有大量脚本标签:

<head>

<script src="lib/api/client" type="text/javascript"></script>
<script src="lib/my_lib" type="text/javascript"></script>
<script src="lib/my_other_lib" type="text/javascript"></script>
<script src="lib/another_lib" type="text/javascript"></script>
<script src="lib/and_another_lib" type="text/javascript"></script>
<script src="lib/and_yet_another_lib" type="text/javascript"></script>

</head>

我想要依赖管理。

4

1 回答 1

1

您可以使用 Ext.Loader.loadScript 方法 ( api )。你可以像这样组织你的代码:

Ext.Loader.loadScript('lib/api/client');
Ext.Loader.loadScript('lib/my_lib');

Ext.onReady(function () {
     // setup your Ext JS app here, external libraries are loaded.  
});
于 2013-07-17T06:27:37.630 回答