[原创]uglifyjs+SVN打造自己的js资源压缩系统

参考文章：

1、  http://js8.in/1012.html

2、  http://www.zhangxinxu.com/wordpress/2013/01/uglifyjs-compress-js/

 

一、配置环境

       1、  安装Node（不敷述，自己搜索下即可，需是windows版本）

              a) 鼠标右键我的电脑，选择属性→高级属性管理→高级选项卡→环境变量，添加新的环境变量，名字为NODE_PATH，变量值为nodejs的安装路径，例如：C:\Program Files\nodejs

       2、  安装npm

              a) 由于Nodejs的windows安装包里面已经自带了npm的模块，所以此安装步骤跳过。

       3、  安装uglifyjs

              a) 打开cmd命令行，输入“npm install uglify-js -g”

 

二、配置右键快捷菜单

       1、  找到安装的uglifyjs的路径下的bin文件夹，例如：

              “C:\Program Files\nodejs\node_modules\npm\node_modules\uglify-js\bin”

       2、  下载“uglifyjs到鼠标右键菜单安装文件” ，并解压至该文件夹。

       3、  改造下“uglifyjs到鼠标右键菜单安装文件”的压缩代码（compressor.cmd）

我把uglify-js的自动压缩，做了些“改造”。在不改变现在网站资源结构的基础上来达到他的压缩功能。
例如：目前js资源是“/js/v2/xxxx.js”
改造成：开发目录是“/js/v2/dev/xxxx.js”
            压缩后发布路径任然是“/js/v2/xxxx.js”

dev目录命名可任意，因为改造只是把压缩文件放到父目录。不过建议使用dev，因为如果以后调试，我们可以直接代理使用线上的dev路径来进行调试。

改造部分很简单，只是稍修改了批处理代码：compressor.cmd

（为了省去一步敲击键盘的操作，把bat运行结束改成延时1秒，自动退出）

       4、  双击运行install.cmd就可以安装菜单至鼠标右键，要卸载运行uninstall.cmd

       5、  此功能适合单个js文件压缩

 

三、配置批量压缩js文件

       1、  下载“批量压缩 + 调用SNV提交窗口”脚本 。

       2、  修改“svn-Compression.bat”中的“JSFOLDER”变量要扫描的js文件目录，此目录需根据自己开发环境进行修改

       3、  修改“svn-CheckIn.bat”中SVN程序的安装所在目录，及svn提交时需要检索的目录。

              "SVN安装目录 \bin\TortoiseProc.exe" /command:commit /path:"本地项目开发目录\v3"/notempfile /closeonend:0

       4、  “svn-RunStart.vbs”为运行脚本入口，把此三个文件放在任意位置即可，开发完成后，直接运行“svn-RunStart.vbs”即可完成“js/v3/dev”目录中js文件压缩，并自动弹出SVN提交窗口。