为intellij idea添加YUI Compressor支持

为intellij idea添加YUI Compressor支持  

YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具。

java -jar path\to\dir\yuicompressor-2.4.*.jar  --charset utf-8 -v  -o  E:\outputfile.js     E:\inputfile.js

具体参数的意义请参考官方文档。

打开Idea的设置Setting窗口（可以直接按快捷键Ctrl+Alt+S打开）

找到IDE Settings ---> External Tools

点击添加会出现下图对话框：

Name就是给菜单的名称，Group是分组，都可以随便写，效果我们待会就会见到，Description是功能描述可以不写

Options中的几个按钮看名称就能知道，第一个是执行后同步文件，第二个是执行时打开控制台；

Show in是我们的菜单按钮显示的位置

Tool settings是最重要的设置，

第一栏我们填写“java” 表示用java执行；

第二栏是我们的命令，也就是执行YUI Compressor的命令： “ -jar E:\java\tools\yuicompressor\yuicompressor-2.4.7.jar --charset utf-8 -v -o $FileDir$\$FileNameWithoutAllExtensions$-min.$FileExt$ $FilePath$”  

两个$符之间的是Idea的变量，可以通过后面的Insert macro 按钮查找，比如$FilePath$是我们选中的文件的完整路径，$FileExt$是后缀，其中的“E:\java\tools\yuicompressor\yuicompressor-2.4.7.jar”是YUI Compressor的jar包路径。

第三栏是设置工作空间，这里我们选择我们的项目路径。

一切设置妥当后，保存关闭，然后选中一个js或css文件，右击发现多了个一个东西：

 

 

点击YUI Compressor选项就会发现在控制台显示出java的执行输出，执行完后在相同目录下多了一个原文件名加上“-min”的新文件，比如我的aaa.css执行后多出了aaa-min.css。

值得注意的是我们输入的java命令可以同时压缩js和css，所以在js和css文件上右击都可以执行，怎么样，赶紧试试吧~