网上找了好久终于找到一个能跟VS集成使用的JS和CSS压缩工具,因为害怕忘记,所以给转发过来,顺便翻译一下,大学那会儿学的英语基本上都已经还给老师了,所以翻译的不太好,不过能看懂就成,对吧?

原文地址:http://www.asp.net/ajaxlibrary/AjaxMinQuickStart.ashx

一、在命令行中使用

在下载安装完成Microsoft Ajax Minifier之后,你就可以以命令的方式使用它了。单击“开始”——“所有程序”——“Microsoft Ajax Minifier”——“Microsoft Ajax Minifier Command Prompt”,在打开的窗口中输入文件名(包括文件目录)以及要输出的的文件名,例如:“ajaxmin test.js -o test.min.js”,然后回车,Microsoft Ajax Minifier就会给出压缩率,并且生成新的已经压缩过的文件。

同样,CSS文件也可以使用相同的命令进行压缩。

执行效果如图:

二、在Visual Studio(VS)中集成使用

在VS中整合Microsoft Ajax Minifier之后,每次生成项目的时候,它将会自动将所有的JS文件和CSS文件生成一个压缩过的版本。

使用步骤如下:

1、在VS中,单击“工具”——“选项”——“项目和解决方案”——选中“总是显示解决方案”

2、右击当前的解决方案,然后选择“卸载项目”

3、右击刚刚卸载的项目,选择“编辑*.csproj”,如图所示:

4、在</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">
  </AjaxMin>
</Target>

这些代码表示导入一个名为ajaxmin的自定义MSBuild。它的主要任务是压缩项目中所有的Javascript和CSS文件,所有的JS文件和CSS文件都将会被重命名为*.min.js和*.min.css。

5、右击你的解决方案,然后选择“重新加载项目”。

做完以上这些步骤之后,每次生成项目的时候,项目中所有的JS和CSS文件将都会被压缩,并且生成一个.min.js(css)的文件,当然,如果需要在项目中显示这些被压缩过的文件的话,你需要在项目中选择“显示所有文件”选项

三、在源代码控制器中使用Microsoft Ajax Minifier

因为这些压缩文件是在生成操作中输出的文件,因此,建议您将这些压缩文件的处理方式跟其他VS自动生成的文件一样,强烈建议不要将这些文件包含在VS项目中,并且不要使用源代码管理器。

如果您将这些压缩文件包含进项目中,并且使用源代码管理器管理这些文件的话,你将会面临一些麻烦。当你从源代码管理器中检出这些文件的时候,他们的属性都是只读的,所以当你再次尝试生成操作的时候,Microsoft Ajax Minifier就会生成一个“尝试写入一个只读文件”的错误。

原文地址:http://blog.sina.com.cn/s/blog_4c19412f010176hm.html

【翻译】Microsoft Ajax Minifier 快速使用指南(与VS集成使用) 编译后直接压缩项目的JS或CSS文件的更多相关文章

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

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

  2. 翻译-QPKG开发工具快速开始指南

    QPKG开发工具快速开始指南 指导你编译你自己的QPKG软件包 目录 什么是QDK 下载QDK 安装QDK 编译你自己的QPKG软件包 搭建QPKG编译环境 配置QPKG 定制QPKG程序 向QPKG ...

  3. WPF/MVVM 快速开始指南(译)(转)

    WPF/MVVM 快速开始指南(译) 本篇文章是Barry Lapthorn创作的,感觉写得很好,翻译一下,做个纪念.由于英文水平实在太烂,所以翻译有错或者译得不好的地方请多指正.另外由于原文是针对W ...

  4. AngularJS快速入门指南18:Application

    是时候创建一个真正的AngularJS单页面应用程序了(SPA). 一个AngularJS应用程序示例 你已经了解了足够多的内容来创建第一个AngularJS应用程序: My Note Save Cl ...

  5. AngularJS快速入门指南17:Includes

    使用AngularJS,你可以在HTML中包含其它的HTML文件. 在HTML中包含其它HTML文件? 当前的HTML文档还不支持该功能.不过W3C建议在后续的HTML版本中增加HTML import ...

  6. AngularJS快速入门指南16:Bootstrap

    thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...

  7. AngularJS快速入门指南14:数据验证

    thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...

  8. AngularJS快速入门指南12:模块

    AngularJS模块定义了一个application. 模块是一个application中不同部分的容器. application中的所有控制器都应该属于一个模块. 带有一个控制器的模块 下面这个a ...

  9. AngularJS快速入门指南09:SQL

    我们可以将之前章节中的代码用来从数据库中读取数据. 通过PHP Server从MySQL数据库中获取数据 <div ng-app="myApp" ng-controller= ...

随机推荐

  1. Ubuntu配置OpenGL环境

    建立基本编译环境 sudo apt-get install build-essential 安装OpenGL Library sudo apt-get install libgl1-mesa-dev ...

  2. UI组件

    1.自定义View 2.布局管理器-----ViewGroup 3.textview及其子类 4.imageview及其子类 5.adapterview及其子类----ViewGroup 6.prog ...

  3. TCP连接状态详解及TIME_WAIT过多的解决方法

    上图对排除和定位网络或系统故障时大有帮助,但是怎样牢牢地将这张图刻在脑中呢?那么你就一定要对这张图的每一个状态,及转换的过程有深刻地认识,不能只停留在一知半解之中.下面对这张图的11种状态详细解释一下 ...

  4. 三校联考 Day3

    三校联考 Day3 大水题 题目描述:给出一个圆及圆上的若干个点,问两个点间的最远距离. solution 按极角排序,按顺序枚举,显然距离最远的点是单调的,线性时间可解出答案. 大包子的束缚 题目描 ...

  5. Java实现二叉搜索树的添加,前序、后序、中序及层序遍历,求树的节点数,求树的最大值、最小值,查找等操作

    什么也不说了,直接上代码. 首先是节点类,大家都懂得 /** * 二叉树的节点类 * * @author HeYufan * * @param <T> */ class Node<T ...

  6. 代码管理git总结

    1. http://blog.csdn.net/teresa502/article/details/7388834 pwd 当前工作目录 cd(不加参数) 进root cd(folder) 进入文件夹 ...

  7. 区间dp-hdu-4745-Two Rabbits

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=4745 题目意思: 给n个环状的数,A.B两人沿相反的方向走,每单位时间走一步,要求相同时间两人到达相 ...

  8. C#打印条码BarTender SDK打印之路和离开之路(web平凡之路)

    从来没想过自己会写一篇博客,鉴于这次从未知的探索到一个个难点的攻破再到顺利打印,很想记录这些点滴,让后人少走弯路. 下面走进正题. 需求:取数据库里的相应的字段数据,并生成条形码,可以批量.单条打印. ...

  9. 【刷题 Python Tip】题目1~5

    [题目1]just print a+b give you two var a and b, print the value of a+b, just do it!! print (a + b) [题目 ...

  10. [置顶] Firefox OS 学习——简单了解知识

    什么是Firefox OS ? Firefox OS 是一个为网页设计而生的能编译和独立的手机网页操作系统,我们相信在接下来的时代,网页应用将充满整个新兴操作设备,这也为当前许多网页开发者不需要太多的 ...