I created default ASP.NET MVC 3 web application. Then I added three css and three js files to \Views\Shared_Layout.cshtml view:\[code\]<!DOCTYPE html><html><head> <title>@ViewBag.Title</title> <link href="http://stackoverflow.com/questions/12757173/@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/questions/12757173/@Url.Content("~/Content/StyleSheet1.css")" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/questions/12757173/@Url.Content("~/Content/StyleSheet2.css")" rel="stylesheet" type="text/css" /> <script src="http://stackoverflow.com/questions/12757173/@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> <script src="http://stackoverflow.com/questions/12757173/@Url.Content("~/Scripts/JScript1.js")" type="text/javascript"></script> <script src="http://stackoverflow.com/questions/12757173/@Url.Content("~/Scripts/JScript2.js")" type="text/javascript"></script></head><body> <div class="page"> <div id="header">\[/code\]....when I run the application, I html code is \[code\]<!DOCTYPE html><html><head> <title>Home Page</title> <link href="http://stackoverflow.com/Content/Site.css" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/Content/StyleSheet1.css" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/Content/StyleSheet2.css" rel="stylesheet" type="text/css" /> <script src="http://stackoverflow.com/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script> <script src="http://stackoverflow.com/Scripts/JScript1.js" type="text/javascript"></script> <script src="http://stackoverflow.com/Scripts/JScript2.js" type="text/javascript"></script></head><body> <div class="page">\[/code\]Is it possible to have a handler in MVC to change my output html to like:\[code\]<!DOCTYPE html> <html> <head> <title>Home Page</title> <script src="http://stackoverflow.com/questions/12757173/js.axd=/Scripts/jquery-1.5.1.min.js,/Scripts/JScript1.js,/Scripts/JScript2.js" type="text/javascript"></script> <link href="http://stackoverflow.com/questions/12757173/css.axd=/Content/Site.css,/Content/StyleSheet1.css,/Content/StyleSheet2.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="page">\[/code\]So the link "js.axd=/Scripts/jquery-1.5.1.min.js,/Scripts/JScript1.js,/Scripts/JScript2.js"will return content of all these js files to the browser, and link "css.axd=/Content/Site.css,/Content/StyleSheet1.css,/Content/StyleSheet2.css" will return content of all css files.I did something before in ASP.NET by IHttpHandler, but can't figure out how to do that in MVC, since I'm just starter in MVC.Any help and code samples will appreciate.Thank you!
Combining and minifying JS and CSS in ASP.NET MVC
- Thread starter ultimo
- Start date