In Angular2Spa, use css-loader so you can reference external images from CSS files, etc.

SteveSandersonMS · SteveSandersonMS · commit 925f47fece9f · 2016-09-20T16:13:25.000+01:00
diff --git 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
@@ -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:{

-Original file line number
+Diff line change
 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: {