将Microsoft Ajax Minifier集成到VS2013对JS、CSS进行编译时压缩

时间：2015-10-09 18:06:37 阅读：366 评论：0 收藏：0 [点我收藏+]

标签：

在网站发布中，一般要将js,css文件压缩减少体积，以减少在HTTP请求中的流量。将Microsoft Ajax Minifier集成到VS2013中就可以对JS、CSS进行编译时压缩。

VS2013的集成方法：

Asp.net网站上的详细说明网址：http://www.asp.net/ajaxlibrary/AjaxMinQuickStart.ashx

Microsoft Ajax Minifier下载地址：http://ajaxmin.codeplex.com/

下载安装后，按照如下步骤集成到VS2013

1、在web项目上右键，点击卸载项目

2、在web项目上右键，编辑项目

3、在打开的csproj文件中的</Project> 标签上面插入下面代码

<Import Project="$(MSBuildExtensionsPath)\Microsoft\MicrosoftAjax\ajaxmin.tasks" />
<Target Name="AfterBuild">
<ItemGroup>
  <JS Include="**\*.js" Exclude="**\*.min.js;Scripts\*.js" />
</ItemGroup>
<ItemGroup>
  <CSS Include="**\*.css" Exclude="**\*.min.css" />
</ItemGroup>
<AjaxMin 
    JsSourceFiles="@(JS)"  JsSourceExtensionPattern="\.js$" JsTargetExtension=".min.js"
    CssSourceFiles="@(CSS)" CssSourceExtensionPattern="\.css$" CssTargetExtension=".min.css"  />
</Target>

Include属性是需要进行压缩的目录路径并带文件通配符

Exclude则是不需要进行压缩的文件路径

AjaxMin节点是压缩的一些参数设置

4、重新加载项目

技术分享

5、编译该项目时会自动把项目下所有的*.css和*.js文件全部改名为*.min.css *.min.js

技术分享

最终的版本只要引用min.css和min.js即可。如果页面文件不修改，也可使用批处理

Ajaxmin.bat

@echo off

setlocal enabledelayedexpansion

for /r . %%f in (*.min.m.js) do (

set src=%%f

set dst=!src:.min.m.js=.js!

echo !src! !dst!

copy /y !src! !dst!

)

[千万不要在开发目录下运行这个,否则把开发的js文件都覆盖了，在部署的目录下运行即可]

规范检查

和其他的语言一样，为了使javascript的编码符合规范，可以使用ajaxmin进行检查。

如要在VS2013中使用，其具体配置如下[VS菜单 -> 工具 –> 添加外部工具]

标题：AjaxMin-Analyse
命令：D:\Program Files (x86)\Microsoft\Microsoft Ajax Minifier\AjaxMin.exe(安装目录)
参数：/A /W:4 "$(ItemFileName)$(ItemExt)"
初始目录：$(ItemDir)

vs2008中有点不一样

标题：AjaxMin-Analyse
命令：D:\Program Files (x86)\Microsoft\Microsoft Ajax Minifier\AjaxMin.exe(安装目录)
参数：-ANALYZE –warn:4 "$(ItemFileName)$(ItemExt)"
初始目录：$(ItemDir)

完成以上操作后，在项目中选择你要分析的js或css文件，在工具菜单中点击“AjaxMin-Analyse”，输出窗口就会显示有警告的行数还有压缩后的js或者css代码