title: Handling misstyped file references in ExtJS 4
body: <p>I am using "Mastering Ext JS 4" book to learn Ext JS 4. All in all it is going well and I found solutions to most of the problems. My question is, how to prevent errors with using mistyped names of models/view/controllers.</p>
  
  <p>For example here is my controller</p>
  
  <pre><code>Ext.define('MyAppName.controller.MyController', {
       extend: 'Ext.app.Controller',
  
       requires:[
          'Packt.util.MD5',
          'Packt.util.Util',
          'Packt.util.SessionMonitor'
       ],
  
       init: function(){
           // controller stuff here
       }
  });
  </code></pre>
  
  <p>It uses file called MD5.js which is located in my application "app" folder and in subfolder called util. </p>
  
  <p>While building my test application I managed to mistype name of views, models stores and then I had to search for the error in files. </p>
  
  <p>For example what if I missed to write one letter like this:</p>
  
  <pre><code> requires:[
      'Pack.util.MD5',
      'Packt.util.Util',
      'Packt.util.SessionMonitor'
  ],
  </code></pre>
  
  <p>Firebug will notify my about missing file located in application folder called 'Pack' which doesn't exist. </p>
  
  <p>Should I create a separate js file where I will give short names to the strings 'Packt.util.MD5', 'Packt.util.Util', 'Packt.util.SessionMonitor' for easier access? </p>
  
  <p>Or is there some more neat ExtJS 4 method to solve this issue and prevent mistype errors?</p>