title: Angular2 relative paths for templateUrl and styleUrls?
body: <p>While searching I found something named as <code>moduleId</code> to set the relative paths of template and CSS files, but I don't know exactly how to use <code>moduleId</code> in our components of angular2?</p>
  
  <p>Actually, the problem is in my folder structure.I am loading my all .js files from <code>dist</code> folder whereas my view(.html files) are in the <code>src</code> folder. So when I use <code>moduleId: module.id</code> like this angular took the path from <code>dist</code> folder, instead of src folder.</p>
  
  <p>So anybody here helps me tell that How to set custom moduleId for my component angualr2?</p>
  
  <p>My folder structure like this.</p>
  
  <pre><code>                                  App
                                    /\
                                   /  \
               (.js + .map files)Dist    Src(.ts + .html + .css files)
  </code></pre>
  
  <ul>
  <li>Folder Dist containes all .map and .js files</li>
  <li>Folder src containes all .ts, .HTML, and .css file.</li>
  </ul>
  
  <p>Actual coding (working) - </p>
  
  <pre><code>@Component({
      selector: 'class-timing',
      templateUrl: 'src/components/TimeTable/class-timing/class-timing.html',
      styleUrls: ['src/app.css']
  })
  </code></pre>
  
  <p>Modified coding (Not working due to incorrect path) - </p>
  
  <pre><code>@Component({
      selector: 'class-timing',
      templateUrl: 'class-timing.html',
      moduleId: module.id,
      styleUrls: ['src/app.css']
  })
  </code></pre>
  
  <p>Referring to this tutorial
  <a href="http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/" rel="nofollow noreferrer">http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/</a></p>