2014-01-08 32 views
4

我有我的應用程序在.Net框架中4.它是一個Asp.Net Web應用程序。我需要使用Bundle.Config以便使用捆綁功能。我可以在.net 4中使用Bundling [Bundle.Config] Asp.Net web應用程序

我讀過很多文件說,它是.Net框架4.5中的特性,並且在Asp.Net MVC應用程序中。

我需要爲aspx頁面中的腳本創建一個包。 我可以在我的文件中包含Bundle.Config,以便捆綁工作。

回答

11

是的,您可以使用ASP.net中的捆綁包4.使用Nuget Package ManagerMicrosoft ASP.Net Web Optimization Framework安裝到您的項目中。然後在global.asax中註冊綁定方法Application_Start。這樣的事情 -

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呼叫bundle-

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

我需要有HTTP://code.jquery.com/jquery-1.9.1。js in the bundle這段代碼不接受這條路徑作爲有效路徑 – Sunil

+0

我不認爲你可以綁定不在你自己的域名上的腳本。 – th1rdey3

+0

@ th1rdey3:參考我的解決方案,你可以參考捆綁 – Sunil

3

在夫婦審判和閱讀捆綁我發現從NuGet包解決方案

安裝Web優化框架該解決方案的管理器包括以下文件中的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> 

〜/束/ jQueryUI的:對於UI Java腳本 〜/束/的jquery:爲功能的Java腳本。

0
  1. 添加DLL文件WebGrease.dll參考
  2. 在global.asax中添加婁代碼JS和CSS

    動態solutioncss =新System.Web.Optimization.StyleBundle(「〜/捆綁/ 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);

    動態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頁面。

相關問題