Bundling css and javascript with webforms

Question

I'm trying to bundle my css/js-files in my webforms project but it's not working.

This is what I've done:

Included System.Web.Optimization via NuGet

Added the code below to global.asax.cs in Application_Start

BundleTable.Bundles.Add(new ScriptBundle("~/bundle/js").Include("~/js/mainJS.js"));
BundleTable.Bundles.Add(new ScriptBundle("~/bundle/css").Include("~/css/mainStyle.min.css"));

Added this to my masterpage

<%: Scripts.Render("~/js/mainJS.js") %>
<%: Styles.Render("~/css/mainStyle.min.css") %>

It renders the references to the css/js-files so the page is working but it's not generating a unique file name and it's not refering to the bundle folder like I expected.

I'm using VS2013 and Framework 4.0.

Are you sure you have <compilation debug="false" /> in your web.config (this is independent from building in release mode)? — tpeczek
– tpeczek, Commented Nov 4, 2013 at 10:48
this is from my web.config file: <compilation targetFramework="4.0" debug="false"/> — WIRN
– WIRN, Commented Nov 4, 2013 at 18:47
I tried to do it from the code file and ad it to a asp:PlaceHolder like this this.PlhHeader.Controls.Add(new LiteralControl(Scripts.Render("~/bundles/js").ToHtmlString())); but it still just generates <script src="/js/mainJS.js"></script> — WIRN
– WIRN, Commented Nov 4, 2013 at 19:48

Rafe · Accepted Answer · 2014-03-18 17:32:00Z

1

You have to Render() using the bundle name ("~/bundle/js") not the javascript file name ("~/js/mainJS.js").

<%: Scripts.Render("~/bundle/js") %>
<%: Styles.Render("~/bundle/css") %>

answered Mar 18, 2014 at 17:32

Rafe

9,3919 gold badges55 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nimesh89 · Accepted Answer · 2013-11-29 12:02:50Z

-1

Try doing BundleTable.EnableOptimizations = true; inside your Application_Start event of Global.asax. Read this blog post for more information.

answered Nov 29, 2013 at 12:02

nimesh89

965 bronze badges

Collectives™ on Stack Overflow

Bundling css and javascript with webforms

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related