Fixed missing CSS on published site = adding bundling.

Justification: When published (under Release configuration) in layout there is just app.min.css. We can either add also other minified CSS there (components, headers,...) or add one bundled and minified 8KB css.
7 years ago · 451f20b515
4 changed files with 30 additions and 1 deletions
--- a/src/Web/Views/Shared/_Layout.cshtml
+++ b/src/Web/Views/Shared/_Layout.cshtml
@ -20,7 +20,7 @@
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.min.css"
              asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
              asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
-        <link rel="stylesheet" href="~/css/app.min.css" asp-append-version="true" />
+        <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
    </environment>
 </head>
 <body>
--- a/src/Web/Web.csproj
+++ b/src/Web/Web.csproj
@ -14,6 +14,7 @@

  <ItemGroup>
    <PackageReference Include="Ardalis.ListStartupServices" Version="1.1.3" />
+    <PackageReference Include="BuildBundlerMinifier" Version="2.9.406" Condition="'$(Configuration)'=='Release'" PrivateAssets="All" />
    <PackageReference Include="Microsoft.AspNetCore.App" />
    <PackageReference Include="Microsoft.AspNetCore.Razor.Design" Version="2.2.0" PrivateAssets="All" />
    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="2.2.3" />
--- a/src/Web/bundleconfig.json
+++ b/src/Web/bundleconfig.json
@ -0,0 +1,27 @@
+[
+  {
+    "outputFileName": "wwwroot/css/site.min.css",
+    "inputFiles": [
+      "wwwroot/css/app.css",
+      "wwwroot/css/app.component.css",
+      "wwwroot/css/shared/components/header/header.css",
+      "wwwroot/css/shared/components/identity/identity.css",
+      "wwwroot/css/shared/components/pager/pager.css",
+      "wwwroot/css/basket/basket.component.css",
+      "wwwroot/css/basket/basket-status/basket-status.component.css",
+      "wwwroot/css/catalog/catalog.component.css",
+      "wwwroot/css/orders/orders.component.css"
+    ]
+  },
+  {
+    "outputFileName": "wwwroot/js/site.min.js",
+    "inputFiles": [
+      "wwwroot/js/site.js"
+    ],
+    "minify": {
+      "enabled": true,
+      "renameLocals": true
+    },
+    "sourceMap": false
+  }
+]
--- a/src/Web/wwwroot/css/site.min.css
+++ b/src/Web/wwwroot/css/site.min.css