daohualiuxiang
/
AspNetCore.Docs
mirror of https://github.com/dotnet/AspNetCore.Docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update WASM prerendering 6.0 guidance (#23420)

pull/23425/head
Luke Latham 2021-09-30 09:42:55 -05:00 committed by GitHub
parent 06a3cb98e4
commit c839ca6525
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
aspnetcore/blazor/components/prerendering-and-integration.md
View File

@ -33,10 +33,11 @@ To set up prerendering for a hosted Blazor WebAssembly app:
1. **Delete** the `wwwroot/index.html` file from the Blazor WebAssembly **`Client`** project.
1. In the **`Client`** project, **delete** the following line in `Program.cs`:
1. In the **`Client`** project, **delete** the following lines in `Program.cs`:
```diff
- builder.RootComponents.Add<App>("#app");
- builder.RootComponents.Add<HeadOutlet>("head::after");
```
1. Add `_Host.cshtml` and `_Layout.cshtml` files to the **`Server`** project's `Pages` folder. You can obtain the files from a project created from the Blazor Server template using Visual Studio or using the .NET CLI with the `dotnet new blazorserver -o BlazorServer` command in a command shell (the `-o BlazorServer` option creates a folder for the project). After placing the files into the **`Server`** project's `Pages` folder:
@ -63,7 +64,7 @@ To set up prerendering for a hosted Blazor WebAssembly app:
@using BlazorHosted.Client
```
* Update the stylesheet links to point to the WebAssembly project's stylesheets. In the following example, the client project's namespace is `BlazorHosted.Client`. The `{APP NAMESPACE}` placeholder represents the namespace of the donor app that provided the `_Layout.cshtml` file. Remove the Component Tag Helper (`<component>` tag) for the `HeadOutlet` component.
* Update the stylesheet links to point to the WebAssembly project's stylesheets. In the following example, the client project's namespace is `BlazorHosted.Client`. The `{APP NAMESPACE}` placeholder represents the namespace of the donor app that provided the `_Layout.cshtml` file. Update the Component Tag Helper (`<component>` tag) for the `HeadOutlet` component to prerender the component.
Delete:
@ -78,6 +79,7 @@ To set up prerendering for a hosted Blazor WebAssembly app:
```razor
<link href="css/app.css" rel="stylesheet" />
<link href="BlazorHosted.Client.styles.css" rel="stylesheet" />
<component type="typeof(HeadOutlet)" render-mode="WebAssemblyPrerendered" />
```
> [!NOTE]