在開發網站的過程中，優化頁面加載速度是非常重要的一件事情。其中之一就是將 CSS 文件進行壓縮，減小文件的大小，從而縮短頁面加載時間。在 JetBrains IntelliJ IDEA 中，我們可以通過配置實現 CSS 文件的壓縮。

在 IntelliJ IDEA 中打開項目后，我們需要進入Settings-Tools-File Watchers頁面。這里我們可以添加一個CSS文件壓縮器。

Settings -> Tools -> File Watchers

在添加CSS文件壓縮器之前，我們需要確保已經安裝了node.js環境。在系統命令行窗口中輸入以下命令：

npm install -g clean-css-cli

添加CSS文件壓縮器時，我們需要選擇File type為CSS。然后在Program選項中輸入：

clean-css --s1 --advanced --compatibility Firefox <$FileName$ >$FileNameWithoutExtension$.min.css

參數解釋：

• --s1表示使用最小化格式（也就是沒有空格）。
• --advanced表示使用更多的優化選項。
• --compatibility指定瀏覽器兼容性，默認為IE7。
• <$FileName$ >表示輸入的 CSS 文件名。
• $FileNameWithoutExtension$.min.css表示輸出的壓縮后的 CSS 文件名。

最終我們的配置應該像這樣：

File type: CSS
Program:
 clean-css --s1 --advanced --compatibility Firefox <$FileName$ >$FileNameWithoutExtension$.min.css
Output paths to refresh: $FileNameWithoutExtension$.min.css
 Arguments: None

現在我們配置好了CSS文件壓縮器，接下來我們只需要將文件保存即可觸發壓縮器自動執行。