このようなコードにカスタムextjs4ライブラリを構築する方法は？

Question

このようなコードにカスタムバージョンをビルドすることはできますか？

<script type="text/javascript"> 

Ext.scopeResetCSS = true; 
var BASE_URL = '<?=base_url()?>'; 
Ext.BLANK_IMAGE_URL = BASE_URL+'extjs/s.gif'; 

Ext.onReady(function(){  

    Ext.create('Ext.data.Store', { 
     fields : [ 
      {name: 'id',   type: 'int'}, 
      {name: 'period', type: 'string'}, 
      {name: 'length', type: 'string'}, 
      {name: 'rooms',  type: 'string'}, 
      {name: 'price',  type: 'string'}, 
     ], 
     storeId : 'reservationStore', 
     pageSize : 10, 
     proxy : { 
      type   : 'ajax', 
      actionMethods : 'POST', 
      url    : BASE_URL+'transaction/check_reservation',  
      reader: { 
       type   : 'json', 
       root   : 'data'    
      }   
     } 
    });   


    Ext.create('Ext.grid.Panel', { 
     store : Ext.getStore('reservationStore'), 
     columns : [ 
      { header: 'ID', dataIndex: 'id', flex: 1}, 
      { header: 'Period', dataIndex: 'period', flex: 1}, 
      { header: 'Length', dataIndex: 'length', flex: .5}, 
      { header: 'Rooms', dataIndex: 'rooms', flex: .5}, 
      { header: 'Price', dataIndex: 'price', flex: .5} 
     ],    
     width : 500, 
     height : 300, 
     renderTo: 'form1', 
    }); 

}); 
</script> 

よろしく

Answer 1

私は、このための最良のオプションはrequireだと思います。例：EXT-すべての代わりにext.jsする

リンク：

http://docs.sencha.com/ext-js/4-0/#!/guide/getting_started

編集：

Ext.require([ 
    'Ext.panel.Panel', 
    'Ext.grid.Panel' 
]); 

Answer 2

うんは、セクション3の展開を参照してください。 Ext.Loaderを有効にし、必要なファイルをExt.Leireしてください。

Ext.Loader.setConfig({enabled:true}); 
Ext.syncRequire(['Ext.data.Store', 'Ext.grid.Panel']);