Enabled overriding of asset placeholders in index.html

jsakamoto · jsakamoto · commit 0f64ce074840 · 2025-05-25T22:07:12.000+09:00
diff --git a/CUIFlavoredPortfolioSite/CUIFlavoredPortfolioSite.csproj b/CUIFlavoredPortfolioSite/CUIFlavoredPortfolioSite.csproj
@@ -23,6 +23,7 @@
     <UsingBrowserRuntimeWorkload>false</UsingBrowserRuntimeWorkload>
 
     <ServiceWorkerAssetsManifest>service-worker-assets.js</ServiceWorkerAssetsManifest>
+    <OverrideHtmlAssetPlaceholders>true</OverrideHtmlAssetPlaceholders>
   </PropertyGroup>
 
   <PropertyGroup Condition=" '$(Configuration)' == 'Release' ">
diff --git a/CUIFlavoredPortfolioSite/wwwroot/index.html b/CUIFlavoredPortfolioSite/wwwroot/index.html
@@ -4,6 +4,11 @@
 <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
+
+    <base href="/" />
+    <script type="importmap"></script>
+    <link rel="preload" id="webassembly" />
+
     <title>@jsakamoto - CUI Flavored Portfolio Site</title>
     <meta name="description" content="This is a CUI flavored portfolio site about me that I created using Blazor WebAssembly!" />
     <meta property="og:title" content="@jsakamoto - CUI Flavored Portfolio Site" />
@@ -21,7 +26,6 @@
     <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
     <link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />
 
-    <base href="/" />
     <!-- style for blazor-error-ui -->
     <link rel="stylesheet" href="data:text/css,%23blazor-error-ui%7Bbackground%3A%23ffffe0%3Bbottom%3A0%3Bbox-shadow%3A0%20-1px%202px%20rgba(0%2C0%2C0%2C.2)%3Bdisplay%3Anone%3Bleft%3A0%3Bpadding%3A.6rem%201.25rem%20.7rem%201.25rem%3Bposition%3Afixed%3Bright%3A0%3Bz-index%3A1000%7D%23blazor-error-ui%20.dismiss%7Bcursor%3Apointer%3Bposition%3Aabsolute%3Bright%3A.75rem%3Btop%3A.5rem%7D" />
     <link href="CUIFlavoredPortfolioSite.styles.css" rel="stylesheet" />
@@ -44,7 +48,7 @@
         <a href="" class="reload">Reload</a>
         <a class="dismiss">🗙</a>
     </div>
-    <script src="_framework/blazor.webassembly.js"></script>
+    <script src="_framework/blazor.webassembly#[.{fingerprint}].js"></script>
     <script src="scripts/helper.js"></script>
     <script src="_content/Toolbelt.Blazor.PWA.Updater.Service/script.min.js"></script>
 </body>
