extjs - How to build Ext JS code by classes bundle instead of generating just one app.js file -

i'm working on ext.js project requires me produce code production environment.

i can combine , compress js , css files in production, feature implemented "ext.require" means don't need compress js files 1 "app.js".

for example, in mvc structure, there 3 main js files:

1. coolcontroller.js
2. coolmodel.js
3. cool.js

in "coolcontroller.js", require "app.ui.awesome" class. in case, if compress of them; require method makes no sense me.

so question is, possible can write bundle config grunt.js does, build "cool classes" 1 file while excluding ext.js , app.ui.awesome files , compress them in way want? 1 feature implemented 3 files 1 js file output?

require.js can serve 2 purposes. each can used independently:

1. dependency management
2. module loader

when managing dependencies, requirejs handles correctly loading order of other scripts. however, when un-optimized, requirejs uses multiple script tags. contrary performance optimization of minimizing files. production uses, single javascript file performs better multiple files.

one major exception rule case application large enough dynamically load modules specific areas. in case performance gain comes delaying loading of script sources , save both on retrieval time parse time , memory impact. in case, module made of multiple requirejs modules should optimized.

in short, should optimize source few files project demands. in production environment there no reason keep source files separated class.