Bundling & minification not applying css & js using Asp.net 4.0 C#

Question

I am new to this concept, this is my first project implementing the optimization concept with (Bundling & minification)

Just i am trying to test with simple js & css

Test.aspx

<html>
<%@ import namespace="System.Web.Optimization" %>
<html>
<head runat="server">
    <%: Scripts.Render("~/bundles/js") %>
    <%: Styles.Render("~/bundles/css") %>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <button id="tests">
            testing</button>
    </div>
    </form>
</body>
</html>

Global.Asax look like this

protected void Application_Start(object sender, EventArgs e)
{
    RegisterBundles(BundleTable.Bundles);
}

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new ScriptBundle("~/bundles/js").Include(
     "~/script/jquery-1.8.2.min.js",
     "~/script/s.js"));

    bundles.Add(new StyleBundle("~/bundles/css").Include(
     "~/css/master.css"));

    BundleTable.EnableOptimizations = true;
}

Project Structure Look like this

enter image description here

browser View enter image description here

the file are Bundling, but in Css i have some style to render in the webpage, it nothing appearing on this,

Sample like jquery files also

for more info abt this post, please check this..Click here

can you guide me to achieve this...

Can you show us your aspx code. After examining the screenshot better it appears as if you are actually bundling some of your resources but across multiple bundles.. — Nico
– Nico, Commented Jan 23, 2014 at 4:56
i can't apply the .aspx code here... here it was not accepting the html tags here...for aspx page check this link forums.asp.net/t/… — Prasad Raja
– Prasad Raja, Commented Jan 23, 2014 at 5:09
I added your code. Can you send a sample of what any of the bundled files are from the items in the screen shot that start with js?v= — Nico
– Nico, Commented Jan 23, 2014 at 5:19

th1rdey3 · Accepted Answer · 2015-07-21 12:02:04Z

5

Your bundling is working, problem is you css are not working when bundled.

Change your style sheet bundle name to this:

bundles.Add(new StyleBundle("~/css/allcss").Include("~/css/master.css"));

This should solve your problem.

P.S. if you keep your css files in multiple folders, then create a bundle for each folder. You can use the IncludeFolder method to make your job easier.

edited Jul 21, 2015 at 12:02

answered Jan 23, 2014 at 4:58

th1rdey3

4,4588 gold badges37 silver badges69 bronze badges

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

4 Comments

Prasad Raja Over a year ago

not only css, even jquery also not working...i need to create a folder like this in my project "~/css/allcss"

th1rdey3 Over a year ago

no, you don't need to create the folder. In fact delete the folders you have already created

Prasad Raja Over a year ago

Thank you, it done.. thanks for your support.... i just removed the folder (bundles folder under js & css) it was creating automatically...

NTinkicht Over a year ago

Thank you Man ! you ended a 3 days nightmare in my life !

Community · Accepted Answer · 2017-05-23 11:52:27Z

2

Set this in web config:

<compilation debug="false" targetFramework="4.0">

Why is my CSS bundling not working with a bin deployed MVC4 app?

Bundled scripts not working MVC

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered Jan 23, 2014 at 4:44

user1968030

3 Comments

Prasad Raja Over a year ago

i am not using MVC App here, i am using Asp.net 4.0

user1968030 Over a year ago

@PrasadRaja not related mvc you should set <compilation debug="false" targetFramework="4.0"> in web config

Prasad Raja Over a year ago

<compilation debug="false" targetFramework="4.0"> i changed thn also the same issue... or else can you provide me the same example

Nico · Accepted Answer · 2014-01-23 06:07:46Z

2

Prasad Raja,

When debugging or when your web.config has the setting

<compilation debug="true" ..>

the script bundling and minification is disabled. Also if you set EnableOptimizations = false will also disable budling and minification regardless of the debug=true setting.

Try changing your web.config and try again.

OK so after I reviewed the code and dug deeper into the problem the reason why this is happening is the paths ~/bundles/js and ~/bundles/css exist. Therefore your IIS (Express) is trying to load the contents of the directory. To get this to work ensure you set your compilation debug = false (it was set to true on the project download). Such as

<compilation debug="false" targetFramework="4.0"/>

Next locate the ~/bundle folder and DELETE IT... Finally rebuild your application and run the project. However dont run it in debug or it will try and set your debug flag above back to true.

This is working on my machine now for both JS and CSS.

edited Jan 23, 2014 at 6:07

answered Jan 23, 2014 at 4:44

Nico

12.7k5 gold badges46 silver badges62 bronze badges

3 Comments

Prasad Raja Over a year ago

i change this also, thn also the same problem

Prasad Raja Over a year ago

Actually i changed also from <compilation debug="false" targetFramework="4.0"> to <compilation debug="true" targetFramework="4.0">.. then also i am not style & js are not loading..is there any other solution to achieve this

Prasad Raja Over a year ago

i also followed the same procedure .... as wat suggest you.. gonna to implementing in my real time project......

Nagaraj S · Accepted Answer · 2014-01-23 04:49:46Z

0

Try this in your web.config

<configuration>
    ...
    <system.web>
        <compilation
            debug="true"
            ...
        >
        ...
        </compilation>
    </system.web>
</configuration>

see MSDN

answered Jan 23, 2014 at 4:49

Nagaraj S

13.5k6 gold badges35 silver badges53 bronze badges

1 Comment

Prasad Raja Over a year ago

can you check this link , forums.asp.net/t/… .... i have given detail info about the problem

user3164883 · Accepted Answer · 2014-01-23 04:51:48Z

0

in your web config file set this:

<compilation debug="false" targetFramework="4.0">

answered Jan 23, 2014 at 4:51

user3164883

913 silver badges8 bronze badges

Collectives™ on Stack Overflow

Bundling & minification not applying css & js using Asp.net 4.0 C#

5 Answers 5

4 Comments

3 Comments

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

3 Comments

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related