Use bundled and minified css only for release builds for easier debugging and hot reload

Author: linkdotnet

LinkDotNet.Blog.IntegrationTests/Web/Pages/Admin/CreateNewBlogPostPageTests.cs

@@ -1,5 +1,4 @@
-using System;
-using System.Threading.Tasks;
+using System.Threading.Tasks;
 using Blazored.Toast.Services;
 using Bunit;
 using Bunit.TestDoubles;

LinkDotNet.Blog.Web/Pages/DebugHelper.cs

@@ -0,0 +1,11 @@
+namespace LinkDotNet.Blog.Web.Pages;
+
+public static class DebugHelper
+{
+#if DEBUG
+    public const bool IsDebug = true;
+#else
+    public const bool IsDebug = false;
+#endif
+
+}

LinkDotNet.Blog.Web/Pages/_Host.cshtml

@@ -21,7 +21,14 @@
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
     <link rel="preload" href="css/bootstrap/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"></noscript>
-    <link href="css/bundle.min.css" rel="stylesheet"/>
+    @if (DebugHelper.IsDebug)
+    {
+        <link href="css/basic.css" rel="stylesheet" />
+    }
+    else
+    {
+        <link href="css/bundle.min.css" rel="stylesheet"/>
+    }
     <link href="LinkDotNet.Blog.Web.styles.css" rel="stylesheet"/>
     <link rel="preload" href="_content/Blazored.Toast/blazored-toast.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="_content/Blazored.Toast/blazored-toast.min.css"></noscript>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />