• 利用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。

  • 相关阅读:
    【ssh】端口转发
    【python】ftp连接,主被动,调试等级
    【ftp】主动模式和被动模式
    【python】声明编码的格式
    【python】gearman阻塞非阻塞,同步/异步,状态
    【mongo】centos6.9安装mongo2.6.3
    线性代数
    Improved GAN
    GAN (Generative Adversarial Network)
    Scaled Exponential Linear Unit
  • 原文地址:https://www.cnblogs.com/weilai1917/p/4008739.html
Copyright © 2020-2023  润新知