MVC Web应用程序包和脚本，样式渲染

本文关键字：样式 脚本 Web 应用程序 MVC | 更新日期: 2023-09-27 18:13:59

我正在开发一个web应用程序，我有这个Bundle Config

using System.Web;
using System.Web.Optimization;
namespace WebApplication3
{
    public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/WebFormsJs").Include(
          "~/Scripts/WebForms/WebForms.js",
          "~/Scripts/WebForms/WebUIValidation.js",
          "~/Scripts/WebForms/MenuStandards.js",
          "~/Scripts/WebForms/Focus.js",
          "~/Scripts/WebForms/GridView.js",
          "~/Scripts/WebForms/DetailsView.js",
          "~/Scripts/WebForms/TreeView.js",
          "~/Scripts/WebForms/WebParts.js"));
        bundles.Add(new ScriptBundle("~/bundles/MsAjaxJs").Include(
            "~/Scripts/WebForms/MsAjax/MicrosoftAjax.js",
            "~/Scripts/WebForms/MsAjax/MicrosoftAjaxApplicationServices.js",
            "~/Scripts/WebForms/MsAjax/MicrosoftAjaxTimer.js",
            "~/Scripts/WebForms/MsAjax/MicrosoftAjaxWebForms.js"));
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));
        bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                    "~/Scripts/jquery-ui-{version}.js"));
        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));
        }
    }
}

这是我的视图页面之一:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
      <title></title>
<script>
 <-- This?? -->
</script>

如何渲染bundle ?我使用Asp.net Web应用程序使用Asp.net aspx视图

MVC Web应用程序包和脚本，样式渲染

您使用的MVC:

@Scripts.Render("~/bundles/WebFormsJs")

对于WebForms:

<%: Scripts.Render("~/bundles/WebFormsJs") %>

可以这样检查。

@Scripts.Render("~/bundles/WebFormsJs")  
@Scripts.Render("~/bundles/MsAjaxJs")  
@Scripts.Render("~/bundles/jquery")  
@Scripts.Render("~/bundles/jqueryui")  
@Scripts.Render("~/bundles/jqueryval")

应该可以了
确保Microsoft ASP.Net Web Optimization框架安装在您的项目中。

 <script src="<%=BundleTable.Bundles.ResolveBundleUrl("~/bundles/jqueryui")%>" type="text/javascript"></script>
 <script src="<%=BundleTable.Bundles.ResolveBundleUrl("~/bundles/jquery")%>" type="text/javascript"></script>
相关文章：