【翻译】Microsoft Ajax Minifier 快速使用指南(与VS集成使用) 编译后直接压缩项目的JS或CSS文件
网上找了好久终于找到一个能跟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文件的更多相关文章
- 将Microsoft Ajax Minifier集成到VS2013对JS、CSS进行编译时压缩
在网站发布中,一般要将js,css文件压缩减少体积,以减少在HTTP请求中的流量.将Microsoft Ajax Minifier集成到VS2013中就可以对JS.CSS进行编译时压缩. VS2013 ...
- 翻译-QPKG开发工具快速开始指南
QPKG开发工具快速开始指南 指导你编译你自己的QPKG软件包 目录 什么是QDK 下载QDK 安装QDK 编译你自己的QPKG软件包 搭建QPKG编译环境 配置QPKG 定制QPKG程序 向QPKG ...
- WPF/MVVM 快速开始指南(译)(转)
WPF/MVVM 快速开始指南(译) 本篇文章是Barry Lapthorn创作的,感觉写得很好,翻译一下,做个纪念.由于英文水平实在太烂,所以翻译有错或者译得不好的地方请多指正.另外由于原文是针对W ...
- AngularJS快速入门指南18:Application
是时候创建一个真正的AngularJS单页面应用程序了(SPA). 一个AngularJS应用程序示例 你已经了解了足够多的内容来创建第一个AngularJS应用程序: My Note Save Cl ...
- AngularJS快速入门指南17:Includes
使用AngularJS,你可以在HTML中包含其它的HTML文件. 在HTML中包含其它HTML文件? 当前的HTML文档还不支持该功能.不过W3C建议在后续的HTML版本中增加HTML import ...
- AngularJS快速入门指南16:Bootstrap
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...
- AngularJS快速入门指南14:数据验证
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...
- AngularJS快速入门指南12:模块
AngularJS模块定义了一个application. 模块是一个application中不同部分的容器. application中的所有控制器都应该属于一个模块. 带有一个控制器的模块 下面这个a ...
- AngularJS快速入门指南09:SQL
我们可以将之前章节中的代码用来从数据库中读取数据. 通过PHP Server从MySQL数据库中获取数据 <div ng-app="myApp" ng-controller= ...
随机推荐
- 寻找最大数--nyoj题目448
寻找最大数 时间限制:1000 ms | 内存限制:65535 KB 难度:2 描述 请在整数 n 中删除m个数字, 使得余下的数字按原次序组成的新数最大, 比如当n=920813467185 ...
- 求绝对值,hdu-2003
求绝对值 Problem Description 求实数的绝对值. Input 输入数据有多组,每组占一行,每行包含一个实数. Output 对于每组输入数据,输出它的绝对值,要求每组数据输出 ...
- ip聚合(百度之星资格赛1003)
IP聚合 点击这里 Problem Description 当今世界,网络已经无处不在了,小度熊由于犯了错误,当上了度度公司的网络管理员,他手上有大量的 IP列表,小度熊想知道在某个固定的子网掩码下, ...
- LINUX下QT与C语言通过网卡名获取网卡IP与MAC
1.QT下 QString RuntimeConfig::ipAddress(QString network) { QList<QNetworkAddressEntry> list; QS ...
- Ubuntu安装与初始配置
转载请注明作者:梦里风林 更多文章查看我的个人站: ahangchen.site 适用于Ubuntu版本 14.04/16.04LTS 64位 先上图 双系统安装 划分空闲磁盘,U盘安装ubuntu ...
- SQL Server 查看备份集元数据的 4 种方法。
方法 1. restore labelonly 方法 2. restore headeronly 方法 3. restore filelistonly 方法 4. restore verifyonly ...
- Eclipse的NDEF插件诞生,将加速NFC应用开发
今年2月份,NFC论坛刚刚发布了NFC技术的首个规范NDEF(nfc data exchange format)-即NFC数据交换规范.而不到2个月的今天Eclipse就发布了基于NDEF规范的NFC ...
- Delphi与字符编码(实战篇)(MultiByteToWideChar会返回转换后的宽字符串长度)
本文目标: 了解Delphi的字符串类型 字符编码的检测与转换 简体繁体转换 0. 导言 看完“.Net与字符编码(理论篇)”,我们明白了字符是自然语言中的最小单位,在存储和传输的过程中可以使用三种编 ...
- perl 实现微信简版<2>
<pre name="code" class="python">use LWP::UserAgent; use URI::Escape; use N ...
- 2015第6周三ztree的使用
今天第一次真正在开发中使用了ztree组件,在实践过程体会了从生到熟的乐趣,从开始看不太懂ztree的api到后面熟悉理解其API布局,学习其中的各demo,感觉很不错,简单记录下使用ztree的经验 ...