One of the standard recommended 'best practices' for developing JavaScript-heavy pages is to put Javascript links at the bottom of the page, whilst leaving CSS links in the <head> section. (http://developer.yahoo.com/performan...html#js_bottom)

However, with Ext 4.20 RC, you have two generated files - the generated CSS and the generated Javascript. And the build tool puts the calls in the same place of the page. This means you need to load the javascript in the <head>.

Is there anyway to get an index page that looks something like this:
Code:
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>CssTest</title>
        <!-- <x-bootstrap> -->
            <link rel="stylesheet" href="bootstrap.css">
            <script src="ext/ext-dev.js"></script>
            <script src="bootstrap.js"></script>
        <!-- </x-bootstrap> -->
</head>
<body>
  <!-- <x-compile> -->
      <script src="app/app.js"></script>
  <!-- </x-compile> -->
  
</body>
</html>
to produce a generated output that looks like this:
Code:
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>CssTest</title>
<link rel="stylesheet" href="resources/CssTest-all.css"/>
</head>
<body>
<script type="text/javascript" src="all-classes.js"></script>
  
</body>
</html>
instead of like this:
Code:
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>CssTest</title>
</head>
<body>
<link rel="stylesheet" href="resources/CssTest-all.css"/>
<script type="text/javascript" src="all-classes.js"></script>
  
</body>
</html>