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