主页 / coding / 问题 / 79325064
Accepted
narue1992
Asked: 2025-01-03 06:06:56 +0800 CST

样式表和脚本的条件@section

  • 772

我很好奇是否有办法让我的脚本根据环境进行条件处理？我见过一些与我类似的示例，但由于某种原因，脚本在发布时无法呈现。

_ViewImports

@using Microsoft.Extensions.Configuration
@inject IConfiguration Configuration

布局（有效）

@RenderSection("Styles", false)

@{
    if (@Configuration["ASPNETCORE_ENVIRONMENT"] == "Development")
    {
        <link href="~/css/test.css" rel="stylesheet" asp-append-version="true" />           
    }
    else
    {
        <link href="~/css/test.min.css" rel="stylesheet" asp-append-version="true" />
    }
}

查看（无效的内容）

@* @{
    if (@Configuration["ASPNETCORE_ENVIRONMENT"] == "Development")
    {
        @section Styles {
        <link rel="stylesheet" href="~/css/Folder/file.css" asp-append-version="true"/>
       }
        
    }
    else
    {
       @section Styles {
        <link rel="stylesheet" href="~/css/Folder/file.min.css" asp-append-version="true"/>
       }
        
    }
} *@

如果我只在 @section Styles 中传递Folder/file.min.css或Folder/file.css，@section它们就会呈现。所以我知道两个文件版本都存在；但是，出于某种原因，如果在里面，@{}它就不会呈现。

注意：配置值位于我的 appsettings-development-json 内，并且我在调试和发布中都确认该值已正确返回。

asp.net-core

1 个回答

  1. Best Answer

    您可以像下面这样更改您的代码。

    @section Styles {
    @if (Configuration["ASPNETCORE_ENVIRONMENT"] == "Development")
    {
        <link rel="stylesheet" href="~/css/file.css" asp-append-version="true" />
    }

    else
    {
        <link rel="stylesheet" href="~/css/file.min.css" asp-append-version="true" />
    }
}

    测试结果

    发展

    在此处输入图片描述

    生产

    在此处输入图片描述

    我的测试 CSS 文件。

    在此处输入图片描述

    索引.cshtml

    @inject IConfiguration Configuration
@{
    ViewData["Title"] = "Home Page";

}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Learn about <a href="https://learn.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>

@section Styles {
    @if (Configuration["ASPNETCORE_ENVIRONMENT"] == "Development")
    {
        <link rel="stylesheet" href="~/css/file.css" asp-append-version="true" />
    }

    else
    {
        <link rel="stylesheet" href="~/css/file.min.css" asp-append-version="true" />
    }
}

    _布局.cshtml

        ...
    <footer class="border-top footer text-muted">
        <div class="container">
            &copy; 2025 - _79325064 - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
        </div>
    </footer>
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    @await RenderSectionAsync("Scripts", required: false)
    @await RenderSectionAsync("Styles", required: false)
</body>
</html>
    • 2

相关问题