VS发布Web时自动调用YUICompressor批量压缩JS、CSS

 

 

在Visual Studio中通过修改发布配置文件，可以在发布Web时自动调用YUICompressor批量压缩项目中JS和CSS。这种方式的优点，一是不需要在项目的js、css文件夹中单独建立debug子文件夹来存放未经压缩的文件，二是使用debug模式发布时不会进行压缩方便调试。具体方法如下：

1 安装JRE，下载YUICompressor，并解压（如：E:工具yuicompressor）

2 新建Compressor.bat文件内容为：

@echo off
if "%1" == "" goto exit
pushd "%1"
echo 正在压缩Css文件
for /r %%i in (*.css) do call "java.exe" -jar E:工具yuicompressoryuicompressor.jar -o %%i %%i
echo 正在压缩js文件
for /r %%i in (*.js) do call "java.exe" -jar E:工具yuicompressoryuicompressor.jar -o %%i %%i
:exit
exit

3 修改项目的发布配置文件， 项目的发布配置文件名为 <profilename>.pubxml，位于项目文件夹下的propertiesPublishProfiles文件夹

增加下面的内容：

<Target Name="YUICompressor" AfterTargets="CopyAllFilesToSingleFolderForPackage" Condition="'$(ConfigurationName)'=='Release'">
<Message Text="调用YUICompressor压缩CSS、JS" Importance="high" />
<Exec Command="call E:工具Compressor.bat $(ProjectDir)obj$(ConfigurationName)Package" />
</Target>

注： E:工具Compressor.bat路径根据需要替换。

完成上面的工作后在“解决方案资源管理器”中右击要发布的项目点击“发布”后就可以在项目发布文件夹中看到已经压缩过的CSS、JS了