讓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->File->Settings

 

 2.安裝 File Watchers 插件

 

 2.打開Tools->File Watchers，選擇右上角的添加
選擇YUI Compressor CSS/JS預定義模板

 

 3.配置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

 

 4.配置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

 

 5.配置完成
這樣配置完成后，idea 就會監控我們css/js文件的變化，
只要更改或保存文件后就會自動生成一個同名的.min.css/js的壓縮文件辣~