title: Relative path not found when requiring a Angular component
body: <p>Im using Browserify for bundling and Angularjs framework. The scenario is , i have a Angularjs component which has a directive defined as - </p>
  
  <pre><code>var loginDirective = /*@ngInject*/ function(){
    return{
      templateUrl:'views/login/templates/loginComponent.html',
      link:function(scope,ele,attr){
      }
    }
  };
  </code></pre>
  
  <p>This works perfectly when i run the component alone using browserify. Now i have a project "MyAPP" where i use NPM install to get this component in my project's node_modules folder.
  I then require this componet and include do the DI in the project like this</p>
  
  <pre><code>var angular = require('angular');
  require ('baseComponent');
  
  module.exports = angular.module('mainComponent',['baseComponent'])
  </code></pre>
  
  <p>The DI works fine , but i get a error saying the components <code>'views/login/templates/loginComponent.html'</code> could not be found cause it starts searching in my projects <code>view</code> folder instead of the its own <code>view</code> folder.</p>
  
  <p>How to resolve this issue ?</p>