利用HtmlHelper压缩CSS,JS
1 //自己拓展HtmlHelper
public static IHtmlString Script(this HtmlHelper helper, params string[] urls)
2 {
3 var bundleDirectory = "~/bundles/scripts/" + MakeBundleName(".js", urls);
4 var thisBundle = new ScriptBundle(bundleDirectory).Include(urls);
5 BundleTable.Bundles.Add(thisBundle); return Scripts.Render(bundleDirectory);
6 }
7 public static IHtmlString Style(this HtmlHelper helper, params string[] urls)
8 {
9 var bundleDirectory = "~/bundles/styles/" + MakeBundleName(".css", urls);
10 var thisBundle = new StyleBundle(bundleDirectory).Include(urls);
11 BundleTable.Bundles.Add(thisBundle);
12 return Styles.Render(bundleDirectory);
13 }
14 private static string MakeBundleName(string type, params string[] urls)
15 {
16 var bundleSections = new List();
17 foreach (var item in urls)
18 {
19 bundleSections.Add(item.Replace("~/", "").Replace("/", "_").Replace(type, ""));
20 }
21 return string.Join(";", bundleSections.ToArray());
22 }
对HtmlHelper进行扩展过后,在前台页面进行,将文件并排包入包中,然后扩展的Helper会把这些CSS进行压缩
1 @section head{
2 @Html.Style("~/Content/alice/box/box.css",
3 "~/Content/Alice/box/theme/orange.css",
4 "~/Content/Alice/tab/tab.css",
5 "~/Content/Benefits/CentralPurchasing.css",
6 "~/Content/Benefits/Index.css")
7 }
经过压缩过后,浏览器仍然可以识别css和js的代码,并且减小了文件的大小,浏览速度大大的提高!
效果在项目发布后可以体现出来,所以记得配置IIS。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。