Attempt to repro #432. However it works fine like this.

Author: SteveSandersonMS

templates/Angular2Spa/ClientApp/styles/style.scss

@@ -0,0 +1 @@
+* { color: purple !important; }

templates/Angular2Spa/Views/Home/Index.cshtml

@@ -6,5 +6,6 @@
 
 <script src="~/dist/vendor.js" asp-append-version="true"></script>
 @section scripts {
+    <script src="~/dist/style.js" asp-append-version="true"></script>
     <script src="~/dist/main-client.js" asp-append-version="true"></script>
 }

templates/Angular2Spa/package.json

@@ -32,9 +32,11 @@
     "html-loader": "^0.4.4",
     "isomorphic-fetch": "^2.2.1",
     "jquery": "^2.2.1",
+    "node-sass": "^3.13.0",
     "preboot": "^4.5.2",
     "raw-loader": "^0.5.1",
     "rxjs": "5.0.0-beta.12",
+    "sass-loader": "^4.0.2",
     "style-loader": "^0.13.1",
     "to-string-loader": "^1.1.5",
     "ts-loader": "^0.8.2",

templates/Angular2Spa/webpack.config.js

@@ -18,6 +18,7 @@ var sharedConfig = {
             { test: /\.ts$/, include: /ClientApp/, loaders: ['ts?silent=true', 'angular2-template'] },
             { test: /\.html$/, loader: 'html' },
             { test: /\.css$/, loader: 'to-string!css' },
+            { test: /\.scss$/, loaders: ['style-loader', 'css-loader', 'sass-loader'] },
             { test: /\.(png|jpg|jpeg|gif|svg)$/, loader: 'url', query: { limit: 25000 } }
         ]
     }
@@ -26,7 +27,10 @@ var sharedConfig = {
 // Configuration for client-side bundle suitable for running in browsers
 var clientBundleOutputDir = './wwwroot/dist';
 var clientBundleConfig = merge(sharedConfig, {
-    entry: { 'main-client': './ClientApp/boot-client.ts' },
+    entry: {
+        'style': './ClientApp/styles/style.scss',
+        'main-client': './ClientApp/boot-client.ts'
+    },
     output: { path: path.join(__dirname, clientBundleOutputDir) },
     plugins: [
         new webpack.DllReferencePlugin({