相关疑难解决方法(0)

我目前正在开发一个 .NET Standard 2.1 Blazor WebAssembly 应用程序。我尝试根据环境变量包含或排除样式表。

在 .NET Core 中，通常有环境标签助手，如下例所示：

<environment include="Development">
    <link rel="stylesheet" href="css/style.css" type="text/css" />
</environment>

<environment exclude="Development">
    <link rel="stylesheet" href="css/style.min.css" type="text/css" />
</environment>

这在 Blazor 服务器应用程序中工作得非常好，但在 Blazor WASm 中却没有，因为这是客户端代码。

因此，我试图找到一个很好的解决方案，根据Blazor WebAssembly 中的环境变量包含/排除样式表。

我目前的方法是使用 JSInterop 从我的 Blazor WASm Program.cs 文件中调用 JavaScript 辅助方法，并根据环境变量删除样式表：

await jsInterop.InvokeVoidAsync("helpers.setup", "Development");

我在客户端的 JavaScript 如下所示：

window.helpers = {
    setup: (environment) => {

        if (environment === "Development") {
            // remove production styles
        }

        if (environment !== "Development") {
            // remove development …