Enhance webpack.config

See https://hackernoon.com/the-100-correct-way-to-split-your-chunks-with-webpack-f8a9df5b7758
MaximBalaganskiy · Oct 24, 2018 · c1570b2 · c1570b2
1 parent ab58fb3
commit c1570b2
Show file tree

Hide file tree

Showing 6 changed files with 353 additions and 40 deletions.
diff --git a/Views/Home/Index.cshtml b/Views/Home/Index.cshtml
@@ -3,8 +3,3 @@
 }
 
 <div aurelia-app="boot">Loading...</div>
-
-@section scripts {
-    <script type="text/javascript" src="~/dist/vendor.js" asp-append-version="true"></script>
-    <script type="text/javascript" src="~/dist/app.js" asp-append-version="true"></script>
-}
diff --git a/Views/Shared/_Layout.cshtml b/Views/Shared/_Layout.cshtml
@@ -1,16 +1,18 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>@ViewData["Title"] - AureliaDotnetTemplate</title>
-    <base href="~/" />
-
-    <link rel="stylesheet" href="~/dist/vendor.css" asp-append-version="true" />
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<title>@ViewData["Title"] - AureliaDotnetTemplate</title>
+	<base href="~/" />
+
+	<link href="~/dist/vendor.css" rel="stylesheet" asp-append-version="true">
+
 </head>
 <body>
-    @RenderBody()
-
-    @RenderSection("scripts", required: false)
+	@RenderBody()
+
+	<script src="~/dist/vendors~app.js" asp-append-version="true"></script> 
+	<script src="~/dist/app.js" asp-append-version="true"></script> 
 </body>
 </html>
diff --git a/Views/Shared/_LayoutTemplate.cshtml b/Views/Shared/_LayoutTemplate.cshtml
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<title>@ViewData["Title"] - AureliaDotnetTemplate</title>
+	<base href="~/" />
+	<% for (var css in htmlWebpackPlugin.files.css) { %>
+	<link href="~<%= htmlWebpackPlugin.files.css[css] %>" rel="stylesheet" asp-append-version="true">
+	<% } %>
+</head>
+<body>
+	@RenderBody()
+	<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
+	<script src="~<%= htmlWebpackPlugin.files.chunks[chunk].entry %>" asp-append-version="true"></script> <% } %>
+</body>
+</html>