您现在的位置是:首页 > 文章详情文章详情

MVC 中使用 System.Web.Optimization 合并压缩JS、CSS

会飞的猪 2019-06-28 270人已围观

简介白码驿站是一个面向开发者的知识共享社区,专注于为开发者打造一个纯净的技术交流社区(源码下载,免费在线图片压缩,jquery插件,插件下载,JS/CSS在线压缩。)-白码驿站

Optimization捆绑和压缩原理是:将多个css文件动态合并和压缩为一个css文件、多个js文件动态合并和压缩为一个js文件,以此达到减少浏览器对服务器资源文件的请求数量、缩小资源文件的尺寸来提高页面反应速度的目的。ASP.NET 4.5及以上版本支持此技术(Optimization)。

以下是在实际的ASP.NET Web Forms项目中使用System.Web.Optimization的操作步骤:

1. 通过NuGet添加Microsoft ASP.NET Web Optimization Framework的引用(MVC的项目默认是已经安装了, 所以这里可以忽略)

2. 在App_Code中添加BundleConfig.cs

                                        
using System.Web.Optimization;

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new StyleBundle("~/Content/CSS/Base/BaseCss")
            .Include("~/Content/CSS/Base/base.css",
            "~/Content/CSS/Base/index.css"));

        bundles.Add(new ScriptBundle("~/Content/Script/Base/BaseJS")
            .Include("~/Content/Script/Base/base.js", 
            "~/Content/Script/Base/index.js", 
            "~/Content/Script/Base/jquery.js"));
    }
}
                                


3. 在Global.asax的Application_Start中添加如下代码:

                                        
BundleConfig.RegisterBundles(System.Web.Optimization.BundleTable.Bundles);
                                


4. 在.aspx中添加如下的js/css引用代码:

                                        
@System.Web.Optimization.Styles.Render("~~/Content/CSS/Base/BaseCss")
@System.Web.Optimization.Scripts.Render("~/Content/Script/Base/BaseJS")
                                

5. 运行结果:

MVC 中使用 System.Web.Optimization 合并压缩JS、CSS


 System.Web.Optimization的更多知识,请参阅:官网http://www.asp.net/mvc/overview/performance/bundling-and-minification



Tags: C# 、 插件 、 压缩

很赞哦! (0)

系统处理中...