Import template in typescript without require
<p>I am using typescript with angular 1.5 component. And I have a custom designed decorator where I send template via require. It works except I get a tslint warning. (I don't want to turn off this rule)</p>

<blockquote>
  <p>require() style import is forbidden</p>
</blockquote>

<p>Here is my component </p>

<pre><code>import './main.template.html';

const app: ng.IModule = angular.module('app');
@Component(app, {
  selector: 'mainComponent',
  controllerAs: 'ctrl',
  styleUrls: '',
  template: require('./main.template.html')
})
class MainComponent extends BaseComponent {
   constructor() {
     super();
   }
}
</code></pre>

<p>Here is my decorator </p>

<pre><code>export const Component = function(module: ng.IModule, options: {
  selector: string,
  controllerAs?: string,
  styleUrls?: string,
  template?: string,
  templateUrl?: string
}) {
return (controller: Function) =&gt; {
   module.component(options.selector, angular.extend(options, {  controller: controller }));
  };
};
</code></pre>

<p>I have tried to pass templateUrl instead of template and i get run time error of file not found. </p>

<p>I have also tried to import template as variable and it gives compile time error and looks like it's not supported.</p>

<pre><code>import mytemplate: string from './main.template.html';
</code></pre>

<p>I am using webpack. Hence, can't use absolute path from the root.</p>

<p>Do you have any idea how to import template in typescript without using require.</p>