CSS編譯/壓縮和源地圖v3

有誰知道一個工具，可以壓縮/縮小/合併我的CSS文件並生成可用於Chrome的有效v3 SourceMap？最好是一個NodeJS工具。CSS編譯/壓縮和源地圖v3

我知道Node的壓縮器是clean-css，csso，css-condense（使用css-parse，但在bootstrap.css中有扼流圈）和cssmin（YUI的端口，但沒有CLI）。這些似乎都沒有源圖支持。

我認爲SASS（Ruby）和Less.js正在開發實現，但這些都是預處理工具。

2013-04-02 sstur

mincer-sourcemap似乎能夠生成CSS源代碼。

2013-08-30 06:52:28

我使用https://ajaxmin.codeplex.com/這也很有效，也是在bootstrap上。

它可以縮小JS和CSS。處理源文件和文件捆綁。

很多選擇，但我使用幾個XML文件來定義什麼應該縮小以及應該捆綁什麼。你也可以使用它的命令行。

我的用例是編譯時創建的。如果你的是運行時創建，那麼你應該去別的東西。

2014-03-11 21:05:02

」最小化JS和CSS文件，現在可以選擇生成用於JavaScript文件的源地圖。「我不認爲它會產生CSS源地圖，但糾正我，如果我錯了。 – sstur

它確實如果你問它。在我的.xml文件： <？XML版本= 「1.0」編碼= 「UTF-8」？> <輸出路徑= 「corev15.min.css」> ... –

mincer資產管道1.0.0+版本附帶源映射支持。這是紅寶石的鏈輪端口node.js。最新的發動機狀態爲wiki。

對於CSS現在您可以使用LESS + AutoPrefixer + CssWring鏈。 SASS也有sourcemaps支持，但它尚未採用絞肉機。

在最近的將來Stylus也應該添加源地圖支持。「

2014-04-02 06:15:51 Vitaly

回答