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

145 阅读 0 评论 96 点赞

我是靠谱客的博主大方鸡，这篇文章主要介绍Visual Studio 编译任务压缩js和css文件，现在分享给大家，希望可以做个参考。

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

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

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
@echo off
if "%1" == "" goto exit
if "%2" == "" goto exit
pushd "%1"
echo 正在压缩Css文件
for /r %%i in (*.css) do call "D:Program FilesJavajrebinjava.exe" -jar G:toolsyuicompressor-2.4.7.jar -o %%i %%i
echo 正在压缩js文件
for /r %%i in (*.js) do call "D:Program FilesJavajrebinjava.exe" -jar G:toolsyuicompressor-2.4.7.jar -o %%i %%i
::call "D:Program Files7-Zip7z.exe" a %2.7z -r PackageTmp
pause
:exit
exit

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

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

复制代码

1
2
3
4
5
<Target Name="Compressor" BeforeTargets="Package" Condition="'$(ConfigurationName)'=='Release'">
    <Message Text="Starting Compress Javascript Files and Css Files" />
    <Exec Command="call F:UsersDocumentsCompressor.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