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