I am trying to follow directions from
http://docs.sencha.com/extjs/5.0.0/c...md_single.html
to create a smaller all-classes.js file which should contain only those ExtJS classes that are required by my web page. I have created a very simple page which contains just one requires statement in it but the resulting file is 126,123 lines long and contains almost every ExtJS class, e.g. it contains Ext.chart.series.Bar and I am not doing anything related to charts.

I have a base directory called extProject and under that I have index.html, empty build directory and a js directory containing just one js file named app.js

I have just following code in the app.js file
Ext.define(Apps, {
requires: [
'Ext.grid.*'
]
});

and just following in the index.html file
<x-compile>
<x-bootstrap>
<script src="ext/ext-dev.js" type="text/javascript"></script>
</x-bootstrap>
<script src="js/app.js" type="text/javascript"></script>
</x-compile>

I am running following command from extProject directory to generate all-classes.js file
>sencha -sdk C:\Sencha\ext500 compile -classpath=js page -in index .html -out build/index.html

Please let me know how can I fix this issue as we really need a smaller ext footprint in the browser.

Thanks,
Mandeep