Component-Relative paths in Angular 2 for Webpack

component-relative-paths-webpack.ts

import { Component } from '@angular/core';
import headerTemplate from './header.component.html';
import headerStyle from './header.component.css';

@Component({
  selector: 'my-app',
  template: headerTemplate,
  styles: [headerStyle]
})
export class HeaderComponent implements OnInit {
}

Thanks @BlackSonic - http://blog.thoughtram.io/angular/2016/06/08/component-relative-paths-in-angular-2.html

e.g. Thanks to Soós Gábor for his WebPack expertise and insight here.

Typescript would complain if you tried to import anything other than ts right?

That's why we're use require