在 Razor 页面上调用脚本和样式组的最佳方式

Question

对脚本和样式表进行分组以便可以将它们作为一组调用并在一个位置进行管理的最佳方法是什么？

我在我的 razor 页面上使用第三方数据网格控件，并且需要在我的页面中引用多个脚本和样式表才能使其正常工作。

不必在我计划使用数据网格的每个页面上添加这些引用（并且必须在需要添加或删除这些数据网格的脚本时随时更新每个页面），我宁愿将它们全部引用在另一个文件中，我可以调用该文件。 （我希望为多个控件执行此操作，而不仅仅是数据网格，其中每个控件都可能有自己的引用集）

我不想将它们放入 _layout 文件中，因为并非每个页面实际上都需要它们，但它们已经足够多了，以至于每次有更改时都必须更新每个页面会很乏味。

最初我正在考虑使用部分视图，但据我所知，部分内容在部分视图中不起作用。

Answer 1

创建布局页面的层次结构。我们有一个主布局页面，其中包含整体

html

布局以及所有页面通用脚本的链接（例如 jquery 或 bootstrap）。然后为不同部分设置布局页面（例如管理/支持/经过身份验证的用户/等）。

在子布局中，参考顶部的主布局和所有

RenderSections

。例如，我只需要自定义菜单的子布局可能如下所示：

@{
    Layout = "_MasterLayout";
}
@RenderSection("Styles", required: false)

<!-- custom menu here -->

<div class="container body-content">
    @RenderBody()
</div>

@section Scripts {
    @RenderSection("Scripts", required: false)
}

另一个例子这里