The angular2-template-loader searches for templateUrl and styleUrls declarations inside of the Angular 2 Component metadata and replaces the paths with the corresponding require statement.
If keepUrl=true is added to the loader's query string, templateUrl and styleUrls will not be replaced by template and style respectively so you can use a loader like file-loader.
The generated require statements will be handled by the given loader for .html and .js files.
In some cases the webpack compilation will fail due to unknown require statements in the source.
This is caused by the way the template loader works.
The Typescript transpiler doesn't have any typings for the require method, which was generated by the loader.
We recommend the installation of type defintions, which contain a declaration of the require method.