Saturday, October 27, 2012

BundleConfig

BundleConfig.cs in the App_Start folder of a MVC4 project looks like so by default:

using System.Web;
using System.Web.Optimization;
   
namespace MongoLogin
{
   public class BundleConfig
   {
      public static void RegisterBundles(BundleCollection bundles)
      {
         bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                  "~/Scripts/jquery-1.*"));
   
         bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                  "~/Scripts/jquery-ui*"));
   
         bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                  "~/Scripts/jquery.unobtrusive*",
                  "~/Scripts/jquery.validate*"));
   
         bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                  "~/Scripts/modernizr-*"));
   
         bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));
   
         bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                  "~/Content/themes/base/jquery.ui.core.css",
                  "~/Content/themes/base/jquery.ui.resizable.css",
                  "~/Content/themes/base/jquery.ui.selectable.css",
                  "~/Content/themes/base/jquery.ui.accordion.css",
                  "~/Content/themes/base/jquery.ui.autocomplete.css",
                  "~/Content/themes/base/jquery.ui.button.css",
                  "~/Content/themes/base/jquery.ui.dialog.css",
                  "~/Content/themes/base/jquery.ui.slider.css",
                  "~/Content/themes/base/jquery.ui.tabs.css",
                  "~/Content/themes/base/jquery.ui.datepicker.css",
                  "~/Content/themes/base/jquery.ui.progressbar.css",
                  "~/Content/themes/base/jquery.ui.theme.css"));
      }
   }
}

 
 

This will allow you to use this in a view:

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

 
 

...in order to render out this HTML:

<script src="/Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>

 
 

I do not immediately see how the asterisks are getting replaced. I assume the asterisks exist so that one could configure the bundles to use the minified versions of the .js libraries.

No comments:

Post a Comment