如何缩小 Blazor 应用程序的静态资源

Question

背景

我最近一直在玩 Blazor。 我使用 VS 模板创建了一个示例应用程序。

然后我想为其添加一些样式。所以我找到了一个示例模板here，将静态资源复制到

wwwroot

文件夹，然后在

_Host.cshtml

中链接所需的文件，一切看起来都很好。

问题

我的

wwwroot

文件夹中有很多文件：

问题1

有没有办法捆绑和缩小

wwwroot

的内容？我天真地尝试通过 webpack 连接所有内容，它甚至输出了一些东西，但后来我不知道如何链接

_Host.cshtml

中的文件。

问题2

我可以通过 npm here 看到相同的模板。我知道可以在 Blazor 中使用 npm，但是是否可以获取包，然后缩小它，例如使用 webpack 并将其输出到

wwwroot

？如果是这样，我如何将它与 Blazor 应用程序链接在一起？

Answer 1

根据 Microsoft 文档，实现此目的的一个好方法是通过 WebOptimizer。

我不建议使用上面评论中描述的

BuildBundlerMinifier

工具。它无人维护，无法与

dotnet tool

一起使用，并且对

.NETCore 2.0

具有很强的依赖性（这可能会对工作流程造成很大的破坏 - 我最终搞砸了我的 dotnet7 SDK 安装，试图让它正常工作）。

OTOH，Weboptimizer 直接从应用程序本身处理捆绑和缩小，即

app.UseWebOptimizer()

。

---