From 925f47fece9f075f1dd750fd203b3549c7979ae6 Mon Sep 17 00:00:00 2001
From: SteveSandersonMS <stevesa@microsoft.com>
Date: Tue, 20 Sep 2016 16:13:25 +0100
Subject: [PATCH] In Angular2Spa, use css-loader so you can reference external
 images from CSS files, etc.

---
 templates/Angular2Spa/package.json      | 1 +
 templates/Angular2Spa/webpack.config.js | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/templates/Angular2Spa/package.json b/templates/Angular2Spa/package.json
index e58de20..60d3753 100644
--- a/templates/Angular2Spa/package.json
+++ b/templates/Angular2Spa/package.json
@@ -30,6 +30,7 @@
     "raw-loader": "^0.5.1",
     "rxjs": "5.0.0-beta.12",
     "style-loader": "^0.13.0",
+    "to-string-loader": "^1.1.5",
     "ts-loader": "^0.8.2",
     "typescript": "^2.0.0",
     "url-loader": "^0.5.7",
diff --git a/templates/Angular2Spa/webpack.config.js b/templates/Angular2Spa/webpack.config.js
index fe33c35..65ec71f 100644
--- a/templates/Angular2Spa/webpack.config.js
+++ b/templates/Angular2Spa/webpack.config.js
@@ -11,7 +11,8 @@ module.exports = {
         loaders: [
             { test: /\.ts$/, include: /ClientApp/, loader: 'ts', query: { silent: true } },
             { test: /\.html$/, include: /ClientApp/, loader: 'raw' },
-            { test: /\.css/, include: /ClientApp/, loader: 'raw' }
+            { test: /\.css/, include: /ClientApp/, loader: 'to-string!css' },
+            { test: /\.(png|jpg|jpeg|gif|svg)$/, loader: 'url', query: { limit: 25000 } }
         ]
     },
     output: {