我可以在.net 4 Asp.Net Web應用程序中使用Bundling [Bundle.Config]

Question

我在.Net framework 4中有我的應用程序。它是一個Asp.Net Web Application.i需要使用Bundle.Config才能使用Bundling功能。

我已經閱讀了許多文檔，說它是.Net framework 4.5中的功能，以及Asp.Net MVC Application中的功能。

我需要在aspx頁面中為Scripts創建一個包。 我可以在我的文件中包含Bundle.Config，以便Bundling工作。

Answer 1

是的，您可以在ASP.net中使用捆綁4.使用Nuget Package Manager將Microsoft ASP.Net Web Optimization Framework安裝到您的項目中。 然后在global.asax注冊Application_Start方法中的bundle。 像這樣的東西 -

    var jqueryBundle = new ScriptBundle("~/Scripts/jquery");
    jqueryBundle.Include(new string[] { 
        "~/Scripts/jquery-1.8.3.js",
        "~/Scripts/jquery-ui-1.9.1.custom.min.js",
        "~/Scripts/jquery-ui-timepicker-addon.js",
        "~/Scripts/jquery.validate.js",
        "~/Scripts/jquery.validate-additional-methods.js"
    });

    BundleTable.Bundles.Add(jqueryBundle);

然后在您的aspx頁面或masterpage頁中調用捆綁包 -

    <%= System.Web.Optimization.Scripts.Render("~/Scripts/jquery") %>

Answer 2

通過幾個試驗和閱讀捆綁我找到了解決方案

從NuGet包管理器安裝Web Optimizer框架，解決方案包括以下文件中的System.Web.Optimization，即使在Apsx文件中也是如此。

在Application_StartUp（）中：

 var bundles = BundleTable.Bundles;
 bundles.UseCdn = true;   //enable CDN support
 var jqueryCdnPath = "http://code.jquery.com/jquery-1.9.1.js";
 var jQueryUICdnPath = "http://code.jquery.com/ui/1.10.3/jquery-ui.js";
 bundles.Add(new ScriptBundle("~/bundles/jquery",jqueryCdnPath)); 
 bundles.Add(new ScriptBundle("~/bundles/jqueryui", jQueryUICdnPath)); 

在Aspx頁面中：

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

〜/ bundles / jqueryui：用於UI java腳本〜/ bundles / jquery：用於功能java腳本。

Answer 3

1. 在Reference中添加dll文件WebGrease.dll

2. 在global.asax中為js和css添加Bellow代碼

   dynamic solutioncss = new System.Web.Optimization.StyleBundle（“〜/ bundles / solutionDetailCSSBundle”）; solutioncss.Include（“〜/ Style.css”，new CssRewriteUrlTransform（））; solutioncss.Include（“〜/ incs / highslide / highslide.css”，new CssRewriteUrlTransform（））; solutioncss.Transforms.Add（new CssMinify（））; System.Web.Optimization.BundleTable.Bundles.Add（solutioncss）;

   dynamic HeaderLinkBundle = new System.Web.Optimization.ScriptBundle（“〜/ bundles / HeaderLinkBundle”）; HeaderLinkBundle.Include（ “〜/ JS /的jquery.js”）; HeaderLinkBundle.Include（ “〜/ JS / headerlink.js”）; HeaderLinkBundle.Transforms.Add（new JsMinify（））; System.Web.Optimization.BundleTable.Bundles.Add（HeaderLinkBundle）;

   System.Web.Optimization.BundleTable.EnableOptimizations = true;

3. 將此css和js包添加到aspx頁面。