让idea自动压缩css/js文件

一般我们编写好css/js文件后，上线的时候总是要压缩一下的~
因为压缩后能极大的减少文件的体积，从而加快文件的加载速度。
这里可以使用YUI Compressor配合idea来实现自动压缩文件

YUI Compressor
YUI Compressor是一种用于精简CSS/JS代码的工具。可以删除所有不必要的字符，例如空格，换行，注释而不更改源代码的功能
官方网站：http://yui.github.io/yuicompressor/
下载地址：https://github.com/yui/yuicompressor/releases
这里我下载的是最新版 2.4.8

安装
安装目录
下载完成后放到一个能找到的目录下。
这里我放到了 C:\Develop\JetBrains\yuicompressor-2.4.8.jar

配置idea动态生成
这里用到了idea的文件监视器功能

1. 打开idea->Preferences
   
2. 安装 File Watchers 插件
3. 打开Tools->File Watchers，选择左下
   角的添加
   
   
4. 配置CSS自动压缩

# 参考配置
Name: YUI Compressor CSS
File type: Cascading Style Sheet
Scope: Project Files
Program: YUI Compressor 的安装目录
# 该命令会在文件的同目录下生成一个xxx.min.css结尾的压缩文件
Arguments: $FileName$ -o $FileNameWithoutExtension$.min.css
Output paths to refresh: $FileNameWithoutExtension$.min.css

5. 配置JS自动压缩

# 参考配置
Name: YUI Compressor JS
File type: JavaScript
Scope: Project Files
Program: YUI Compressor 的安装目录
# 该命令会在文件的同目录下生成一个xxx.min.js结尾的压缩文件
Arguments: $FileName$ -o $FileNameWithoutExtension$.min.js
Output paths to refresh: $FileNameWithoutExtension$.min.js

6. 配置完成
这样配置完成后，idea 就会监控我们css/js文件的变化，
只要更改或保存文件后就会自动生成一个同名的.min.css/js的压缩文件辣~