之前幾天根據YUICompressor和TBCompressor整合到鼠標右鍵菜單自己將uglifyjs也添加到了右鍵菜單，下面簡單記錄下過程。效果如下

uglifyjs添加到鼠標右鍵菜單

配置windows nodepath環(huán)境

鼠標右鍵我的電腦，選擇屬性→高級屬性管理→高級選項卡→環(huán)境變量，添加新的環(huán)境變量，名字為NODE_PATH，變量值為nodejs的安裝路徑，例如下面

C:\Program Files\nodejs

然后保存退出

安裝uglifyjs

在命令行安裝uglifyjs，

npm install uglify-js -g

安裝uglifyjs到鼠標右鍵菜單

找到第二步安裝的uglifyjs的路徑下的bin文件夾，例如我的安裝在：

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

然后下載uglifyjs的安裝文件解壓到這個文件夾

uglifyjs到鼠標右鍵菜單安裝文件

雙擊運行install.cmd就可以安裝了。

卸載運行uninstall.cmd就可以卸載。

主要的代碼還是根據YUICompressor的安裝文件改的，壓縮的時候首先將源文件copy為dev作為備份，然后壓縮替換原文件。例如 a.js,壓縮后變成a.dev.js原文件和壓縮后的js文件。美化則是將美化后的代碼存到bea.js，即a.js美化后為a.bea.js

主要壓縮的批處理代碼如下：

@echo off color 03 REM ===================================== REM Uglify-js 1.2.6 REM REM ===================================== SETLOCAL ENABLEEXTENSIONS ? echo. echo Uglify-js v1.2.6 ? REM 過濾文件后綴，只壓縮js和css if "%~x1" NEQ ".js" ( echo. echo **** 請選擇JS文件 echo. goto End ) ? REM 檢查NODE_PATH if "%NODE_PATH%" == "" goto NoNodePath if not exist "%NODE_PATH%\node.exe" goto NoNodePath ? ? copy %~n1%~x1 %~n1.dev%~x1 set RESULT_FILE=%~n1%~x1 ? REM 調用Uglify-js壓縮文件 "%NODE_PATH%\node.exe" "%~dp0uglifyjs" "%~n1.dev%~x1" > "%RESULT_FILE%" echo. echo **** ~O(∩_∩)O~ 壓縮成功 **** echo. goto End ? :NoNodePath echo. echo **** 請先安裝nodeJS和Uglify-js并設置NODE_PATH環(huán)境變量 **** echo. ? :End ENDLOCAL pause

美化的批處理文件如下：

@echo off color 03 REM ===================================== REM Uglify-js 1.2.6 REM REM ===================================== SETLOCAL ENABLEEXTENSIONS ? echo. echo Uglify-js v1.2.6 ? REM 過濾文件后綴，只壓縮js和css if "%~x1" NEQ ".js" ( echo. echo **** 請選擇JS文件 echo. goto End ) ? REM 檢查NODE_PATH if "%NODE_PATH%" == "" goto NoNodePath if not exist "%NODE_PATH%\node.exe" goto NoNodePath ? ? set RESULT_FILE=%~n1.bea.%~x1 ? REM 調用Uglify-js壓縮文件 "%NODE_PATH%\node.exe" "%~dp0uglifyjs" -b "%~n1%~x1" > "%RESULT_FILE%" echo. echo **** ~O(∩_∩)O~ 美化成功 **** echo. goto End ? :NoNodePath echo. echo **** 請先安裝nodeJS和Uglify-js并設置NODE_PATH環(huán)境變量 **** echo. ? :End ENDLOCAL pause

安裝信息文件內容如下：

[Version] Signature="$CHICAGO$" Provider=ksky521@gmail.com, 2012 ? [DefaultInstall] AddReg=Install_AddReg ? [DefaultUnInstall] DelReg=Uninstall_DelReg ? [Uninstall_DelReg] hkcr,"*\Shell\Uglifyjs" hkcr,"*\Shell\Beautifyjs" ? [Install_AddReg] hkcr,"*\Shell\Uglifyjs",,,"Compress by &Uglifyjs" hkcr,"*\Shell\Uglifyjs\command",,,"""%01%\compressor.cmd"" ""%%1""" hkcr,"*\Shell\Beautifyjs",,,"Beautify by &Uglifyjs" hkcr,"*\Shell\Beautifyjs\command",,,"""%01%\beautify.cmd"" ""%%1"""

轉載于:https://www.cnblogs.com/shihao/archive/2012/06/22/2559030.html

總結

以上是生活随笔為你收集整理的将uglifyjs添加到鼠标右键菜单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。