用PHPStorm壓縮CSS和JS代碼？

Question

我正在使用PHPStorm。這對Web開發人員來說是非常棒的軟件。

當我想壓縮我的CSS &在PHPStorm中的JS文件時，我無法在PHPStorm中找到任何選項。

那麼，請告訴我如何壓縮PHPStorm中的CSS代碼&。

Answer 1

找到Assets Compressor插件。看看它是否有幫助。

編輯 - 更改爲新的鏈接通過@spade

Answer 2

如指出參閱相關功能要求：

• WEB-2138支持自動JavaScript和CSS壓縮
• WEB-2125前和部署後命令

目前，您可以使用第三方工具/插件，如@Pushpesh建議的那樣。

Answer 3

PHPStorm支持縮小File Watchers。它支持與YUI Compressor「開箱即用」集成，但存在一些問題，例如with calc() function。我的解決方案是使用minifier：

1. 重複步驟從JetBrains manual
2. 安裝的Node.js和NPM手冊（npm install minifier）
3. Minifier文檔中像銳壓縮機安裝minifier說：「通過NPM安裝會在通常的位置創建一個二進制文件（縮小）「，但是我還沒有找到它（可能它不是在Windows上創建的）。 Index.js文件可以通過node index.js命令執行，但PHPStorm不以這種方式維護（「請設置程序運行！」錯誤將被拋出）。所以我創建了以下內容的.bat文件：

。

echo off 
node path\to\minifier\index.js %* 

然後在Program輸入字段我們設置路徑bat文件PHPStorm觀察者設置。需要注意的是Minifier使用不同的方法來設置輸出路徑，所以我們必須改變Arguments領域：$FileName$ --output $FileNameWithoutExtension$.min.css