Visual Studio 编译任务压缩js和css文件

如今网站都在说优化，压缩js和css文件就成了最基本的一种方法，js和css压缩有很多方法，很多网站也提供了这样的功能，也可以用YUI提供的包手动压缩，但是这都不效率啊，能不能在vs生成部署包的时候把js和css压缩好呢？当然可以。

首先请下载YUI Compressor，YUI Compressor是个Java库，你需要安装Java的运行环境，请点这里下载。（关于Java环境的配置请大家自行google，另外YUI Compressor是github的链接，应该被墙了，请自备爬梯工具）。

新建一个批处理文件，代码如下：

@echo off
if "%1" == "" goto exit
if "%2" == "" goto exit
pushd "%1"
echo 正在压缩Css文件
for /r %%i in (*.css) do call "D:\Program Files\Java\jre\bin\java.exe" -jar G:\tools\yuicompressor-2.4.7.jar -o %%i %%i
echo 正在压缩js文件
for /r %%i in (*.js) do call "D:\Program Files\Java\jre\bin\java.exe" -jar G:\tools\yuicompressor-2.4.7.jar -o %%i %%i
::call "D:\Program Files\7-Zip\7z.exe" a %2.7z -r PackageTmp
pause
:exit
exit

批处理的第一个参数接收项目生成部署包的路径，vs默认路径是：\obj\Release，第二个参数是生成压缩包的名字（这里是生成的7z的压缩包，如果需要生成，请把call那行的注释去掉）。

然后就是编辑你的项目文件，比如Test.csproj，打开它，在根路径下添加如下代码：

<Target Name="Compressor" BeforeTargets="Package" Condition="'$(ConfigurationName)'=='Release'"><Message Text="Starting Compress Javascript Files and Css Files" /><Exec Command="call F:\Users\Documents\Compressor.bat $(ProjectDir)obj\$(ConfigurationName)\Package\ $(ProjectName)" />
</Target>

稍微解释下这段代码，BeforeTargets="Package"是在打包Web文件前调用压缩，Condition="'$(ConfigurationName)'=='Release'"，只有Release模式下才压缩，你不会想一边Debug一边压缩js和css文件吧。Command命令中，请自行替换刚才建立的批处理文件的路径，$(ProjectDir)是项目路径，$ConfigurationName是当前的生成配置，$ProjectName是项目名称。

现在在项目上右击，生成部署包，然后看看js和css文件是不是都已经压缩了呢？

转载于:https://www.cnblogs.com/darkiller/archive/2013/01/31/2887235.html

Visual Studio 编译任务压缩js和css文件相关推荐

maven js css 压缩,使用wro4j和maven在编译期间压缩js和css文件（经典）
最近在对一个web系统做性能优化. 而对用到的静态资源文件的压缩整合则是前端性能优化中很重要的一环. 好处不仅在于能够减小请求的文件体积,而且能够减少浏览器的http请求数. 因为是基于java的we ...
使用wro4j和maven在编译期间压缩js和css文件
最近在对一个web系统做性能优化. 而对用到的静态资源文件的压缩整合则是前端性能优化中很重要的一环. 好处不仅在于能够减小请求的文件体积,而且能够减少浏览器的http请求数. 因为是基于java的we ...
php 压缩js css文件,PHP实现动态压缩js与css文件的方法
本文实例讲述了PHP实现动态压缩js与css文件的方法.分享给大家供大家参考,具体如下: 正式发布产品时,我们希望将项目里的js,css合并压缩,以减少http请求.防止轻易查看源代码. 使用只需要 ...
php 压缩html css,PHP实现动态压缩js与css文件的方法
这篇文章主要介绍了关于PHP实现动态压缩js与css文件的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下本文实例讲述了PHP实现动态压缩js与css文件的方法.分享给大家供大家参 ...
yui压缩JS和CSS文件
CSS和JS文件经常需要压缩,比如我们看到的XX.min.js是经过压缩的JS. 压缩文件第一个是可以减小文件大小,第二个是对于JS文件,默认会去掉所有的注释,而且会去掉所有的分号,也会将我们的一些参 ...
JAVA压缩JS或CSS文件
平时开发过程中使用的js或css文件基本都是未经压缩的方便调试,在真正上线后一般都会使用压缩后的文件,我们可以使用一些工具进行压缩,我们也可以通过JAVA代码自己实现文件的压缩,今天为大家介绍的是使用 ...
grunt合并压缩js、css文件
参考文章如下: http://www.cnblogs.com/yexiaochai/p/3594561.html http://www.cnblogs.com/yexiaochai/p/3602002 ...
visual studio 2008 html中调用外部css文件,的Visual Studio 2008 IDE冻结/崩溃打开.aspx文件中使用CSS时包括...
随时随地他们赖以它冻结(即完全没有响应),我必须使用任务管理器关闭它. 我已阅读了很多关于Visual Studio 2008在查看某些源文件时崩溃的问题.但是,我仍然无法解决这个问题. 我已经系统地 ...
使用grunt合并压缩js、css文件
需要了解的知识:1.nodejs的安装与命令行使用2.nodejs安装应用3.grunt的初步了解本文已假定读者已经熟悉以上知识. 好,我们继续: 任务1:将src目录下的所有zepto及插件合并, ...

Visual Studio 编译任务压缩js和css文件

Visual Studio 编译任务压缩js和css文件相关推荐

最新文章

热门文章