PhpStorm - 在使用文件觀察器進行縮小之前合併CSS文件

我有一個項目在不同文件夾中有一些CSS文件，我想將它們自動合併到一個最終/活動文件中。PhpStorm - 在使用文件觀察器進行縮小之前合併CSS文件

在開發過程中，我希望它們是分開的。我不想在css文件中使用@import。

PhpStorm中的文件觀察者聽起來像他們應該能夠。因爲我需要一些GUI。

我不習慣使用命令行。但是我使用這個step-by-step-guide啓動並運行了YUI壓縮機。這個設置壓縮了我所有的css文件。不是真的只需要壓縮一個文件。我還了解到YUI Compressor無法合併文件。

我想在文件更改以下工作流程：

結合正確的順序CSS文件合併成一個文件
縮減大小的一個CSS文件，安全是

可有人列表出來：

需要安裝哪個節點模塊及其命令
如何配置文件列表和順序。任何命令？文件編輯？
如何完成合並

PS後開始縮小：如果有一個圖形用戶界面，能做到這一點的文件更改PhpStorm之外，也將是一種選擇的任何應用程序。（CodePen不支持CSS，只是SCSS和LESS）

來源

2016-06-30 Drivingralle

您可以設置多個文件觀察器 - 如果他們觀察相同的文件，它們將被一個接一個地執行。作爲選擇 - 創建一個執行此類作業的批處理/ shell腳本（所有任務），然後將其用作File Watcher程序。附：看看gulp/grunt或其他任務/構建系統 - 它們是爲了完成這些任務而製作的。 IDE支持gulp/grunt - 所以你可以隨時手動運行他們的任務......或者將它用作文件監視器..或者只是使用'watch'模塊在IDE之外的背景中自動運行它們。 – LazyOne

我可以建議使用Grunt grunt-contrib-cssmin任務 - 它支持合併和縮小文件。您可以使用Grunt控制檯（推薦）運行任務，或將其配置爲文件觀察器

來源

2016-06-30 13:59:18 lena

PhpStorm - 在使用文件觀察器進行縮小之前合併CSS文件

回答

相關問題