我在其他项目中使用了一些基于 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>
我想要依赖管理。