使用脚本和 css 引用调用文件答案

【问题标题】：Call a file with scripts and css references使用脚本和 css 引用调用文件
【发布时间】：2020-05-06 18:29:09
【问题描述】：

不确定标题是否有意义，但我正在尝试使用 ASP.net Web 项目母版页确定是否有一种方法可以引用包含 css 和 js 引用的文件，就像通常出现在头部一样母版页的部分。例如，我的项目将有多个母版页，而不是重复引用 bootstrap.min.js 3 次，我希望将它与其他引用放在一个单独的文件中，然后我可以从母版页调用这些引用。几乎就像在其他页面上拥有一个母版页。在谷歌上搜索了很多，但没有一个搜索结果是我可以使用的方向。

【问题讨论】：

创建bundles 并使用它们。
谢谢你让我找到了正确的方向。由于它是一个网络项目，我直接添加到 global.asax 中的 application_start 中。

标签： asp.net master-pages

【解决方案1】：

在 Global.asax 页面的 Application_Start 子中，我添加了以下代码：

        Dim jsBndl As ScriptBundle = New ScriptBundle("~/bundles/js")
    jsBndl.Include(New String() {"~/Scripts/validation.js",
                       "~/Scripts/jquery-3.5.1.min.js",
                       "~/Scripts/popper.min.js",
                       "~/Scripts/bootstrap.min.js",
                       "~/Scripts/tinymce/tinymce.min.js",
                       "~/Scripts/bootstrap-toggle.min.js",
                       "~/Scripts/bootstrap-datepicker.js",
                       "~/Scripts/jquery.maskedinput.min_.js"})

    Dim cssBndl As StyleBundle = New StyleBundle("~/bundles/css")
    cssBndl.Include(New String() {"~/Content/bootstrap.min.css",
                                 "~/Content/dashboard.css",
                                 "~/Content/site.css",
                                 "~/Content/animate.css",
                                 "~/Content/pagination.css",
                                 "~/Content/bootstrap-toggle.min.css",
                                 "~/Content/bootstrap-datepicker.css"})

    BundleTable.Bundles.Add(jsBndl)
    BundleTable.Bundles.Add(cssBndl)

然后在我刚刚添加的母版页中：

<%= System.Web.Optimization.Scripts.Render("~/bundles/js") %>    
<%= System.Web.Optimization.Styles.Render("~/bundles/css") %>

您还需要确保从 nuget 获得网络优化包。

【讨论】：