码迷,mamicode.com
首页 > Web开发 > 详细

使用System.Web.Optimization对CSS和JS文件合并压缩

时间:2014-06-15 22:53:30      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   tar   color   

在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 就可以看到效果了

记录下

使用System.Web.Optimization对CSS和JS文件合并压缩,布布扣,bubuko.com

使用System.Web.Optimization对CSS和JS文件合并压缩

标签:style   class   blog   code   tar   color   

原文地址:http://www.cnblogs.com/flyfish2012/p/3785402.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!