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
browser View
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...
5 answers
solution1
4 ACCPTED 2014-01-23 04:58:13
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.
PS 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.
solution2
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?
solution3
2 2014-01-23 04:44:48
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.
solution4
0 2014-01-23 04:49:46
Try this in your web.config
<configuration>
...
<system.web>
<compilation
debug="true"
...
>
...
</compilation>
</system.web>
</configuration>
see MSDN
solution5
0 2014-01-23 04:51:48
在您的Web配置文件中设置：
<compilation debug="false" targetFramework="4.0">
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.