zoukankan      html  css  js  c++  java
  • 使用System.Web.Optimization对CSS和JS文件合并压缩

    在ASP.NET MVC 中JS/CSS文件动态合并及压缩通过调用System.Web.Optimization定义的类ScriptBundle及StyleBundle来实现。

    大致步骤如下:

    1.App_Start添加:

        public class BundleConfig {
            public static void RegisterBundles(BundleCollection bundles)
            {
                bundles.Add(new StyleBundle("~/Themes/Homecss").Include("~/Themes/css/common.css"));
                bundles.Add(new ScriptBundle("~/Scripts/Homejs").Include("~/Scripts/jquery-1.8.0.min.js", "~/Scripts/showTips.js", "~/Scripts/Login.js"));
            }
        }

    注意:~/Themes/Homecss/~/Scripts/Homejs 当作别名来使用

    2.web.config添加:

          <add namespace="System.Web.Optimization"/>

    3.视图页面调用方式:

        @Styles.Render("~/Themes/Homecss")
        @Scripts.Render("~/Scripts/Homejs")

    最终的结果:

    <link href="/Themes/Homecss?v=IIj_fSOB-OK2FfhX3UiRKFdTYwvN0Yx50JVEsmXZlVs1" rel="stylesheet"/>
    
        <script src="/Scripts/Homejs?v=Dvhz0uD08Tqd9t2yhnX1u3n5TcuZDD1zM_8Ckxz0nHY1"></script>

    注意:VS调试的时候是不生效,只能把调试关闭或者发布才能看到效果

     <compilation debug="true" targetFramework="4.5" />

    改成false 就可以看到效果了

    记录下

  • 相关阅读:
    python 文件 笔记
    python 模块、包 笔记
    类、对象
    python 函数 笔记
    测试价值体现
    断舍离-笔记2
    Happy 2006 POJ
    Triangle War POJ
    Complete the sequence! POJ
    放苹果 POJ
  • 原文地址:https://www.cnblogs.com/flyfish2012/p/3785402.html
Copyright © 2011-2022 走看看