ASP.NET下使用Combres对JS、CSS压缩合并和优化

基于对JS和CSS合并和压缩: JAVA下有YUI Combo Handler,PHP 下有 Minify , .Net环境下有Combres。

Combres 是一个 ASP.NET 网站的客户端资源js,css的压缩,合成和缓存库,基于Apache 2.0协议开源,最新版本是2.0。这个库同时支持WebForm和MVC,主要的特性如下:

资源文件的组织,包括javascript和css文件的组织,每个都可以使用相同的配置或者使用不同的配置。

可以在资源里完成精简,压缩,然后发送给浏览器,所有的这些资源只使用一个Http请求

有一个可扩展的minification架构,开发人员可以选择关闭资源压缩的设置或选择其中一个内置的适配器,类库里带了3个适配器.NET YUI Compressor library, Microsoft Ajax Minifier library和Google Closure compiler service,配置都是通过XML文件进行,非常方便。

对每个请求生成适当的ETag和Expires/Cache-Control 头,支持服务器端的缓存。

和ASP.NET 路由引擎集成,所以对ASP.NET MVC 和ASP.NET WebForm的支持非常好。

支持调试模式,调试的时候不缓存也不压缩,方便调试。

使用Combres步骤:

1. 在VS里面安装NuGet插件。

2. 在你的Web上右键打开 “管理NuGet程序包” ,找到Combres,选择安装后 会在你的项目中做如下修改:

在Web.config中配置了Combres

注册Combres路径(可查看生成的AppStart文件夹下面的Combres文件)

在App_Data文件夹下生成了combres.xml 等相关的配置文件

3.(ASP.NET 4.0的忽略此步骤)如果是ASP.NET 3.5:

删除生成的文件AppStart_Combres.cs

删除引用组件WebActivator

打开 global.asax 添加引用 using Combres; 在 RegisterRoutes() 或者Application_Start()下添加: RouteTable.Routes.AddCombresRoute("Combres");

4.编辑App_Data文件夹下生成的配置文件: combres.xml 添加所要用的JS 和 CSS 如:

复制代码

This file contains basic settings needed for most web apps.

For full Combres settings (with explanation), refer to the sample definition file: combres_full_with_annotation.xml

defaultDuration="30"

defaultVersion="auto"

defaultDebugEnabled="false"

defaultIgnorePipelineWhenDebug="true"

localChangeMonitorInterval="30"

remoteChangeMonitorInterval="60"

复制代码

5. 在需要的页面添加引用:

复制代码

Budget Management

复制代码

如果是MVC:

复制代码

@using Combres.Mvc;

@ViewBag.Title

@Html.CombresLink("siteCss")

@Html.CombresLink("siteJs")

复制代码

note:引用JS CSS参数保持和Combres.xml一致

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180824G0B2FQ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券