title: Meteor: reference other javascript classes in different directory
body: <p>In my meteor application. I defined a <code>BaseController</code>in <code>base_controller.js</code>:</p>
  
  <pre><code>BaseController = RouteController.extend({
      layoutTemplate: 'mainLayout'
  });
  </code></pre>
  
  <p>Then I defined <code>PostController</code> in <code>post_controller.js</code>:</p>
  
  <pre><code>PostController = BaseController.extend({
  });
  </code></pre>
  
  <p>If I put <code>base_controller.js</code> and <code>post_controller.js</code> in same directory, no error founds. But if I put in different directory, such as <code>base_controller.js</code> in <code>controller</code> and <code>post_controller.js</code> in <code>controller/post</code> I will meet exception when running application:</p>
  
  <blockquote>
    <p>ReferenceError: BaseController is not defined</p>
  </blockquote>
  
  <p>My question is: how can I divide those javascript file into different directory? I need to do this, because my application will have many controllers so put all controllers into same directory (without any child directory) will make project hard for maintenance.</p>
  
  <p>Thanks :)</p>