Add image and process using Webpack

Author: frederikprijck

package-lock.json

@@ -0,0 +1,4 @@
+<div class="app">
+    <img src="../../../../assets/image.png" />
+    <div ui-view></div>
+</div>

src/app/core/components/app/app.component.html

@@ -1,3 +1,7 @@
 .app {
     padding: 5px 15px;
-}
+    img {
+        width: 50px;
+        height: 50px;
+    }
+}

src/app/core/components/app/app.component.scss

@@ -5,5 +5,5 @@ import './app.component.scss';
 
 export class App implements angular.IComponentOptions {
     static selector = 'app';
-    static template = '<div class="app" ui-view></div>';
+    static template = require('./app.component.html');
 }

src/app/core/components/app/app.component.ts

@@ -49,7 +49,12 @@ module.exports = {
 
             {
                 test: /\.(jpg|png|gif)$/,
-                use: 'file-loader'
+                use: [{
+                    loader: 'file-loader',
+                    options: {
+                        esModule: false,
+                    },
+                }],
             },
 
             {