CSS 编译/压缩和 Source Maps v3答案

【问题标题】：CSS compilation/compression and Source Maps v3CSS 编译/压缩和 Source Maps v3
【发布时间】：2013-04-02 08:00:58
【问题描述】：

有没有人知道可以压缩/缩小/组合我的 CSS 文件并生成可与 Chrome 一起使用的有效 v3 SourceMap 的工具？最好是 NodeJS 工具。

我所知道的 Node 压缩器是 clean-css、csso、css-condense（使用 css-parse，但在 bootstrap.css 上阻塞）和 cssmin（来自 YUI 的端口，但没有 CLI）。这些似乎都没有源映射支持。

我认为 SASS (Ruby) 和可能的 Less.js 正在致力于实现，但这些都是预处理器工具。

【问题讨论】：

【解决方案1】：

mincer-sourcemap 似乎可以生成 CSS 源图。

【讨论】：

【解决方案2】：

mincer assets pipeline 1.0.0+ 版本带有源映射支持。那是 ruby 到 node.js 的 sprockets 端口。引擎的最新状态是wiki。

对于 CSS，您现在可以使用 LESS + AutoPrefixer + CssWring 链。 SASS 也支持 sourcemaps，但尚未被 mincer 采用。

在不久的将来Stylus 也应该添加源地图支持。

【讨论】：

【解决方案3】：

我使用 https://ajaxmin.codeplex.com/ 效果很好，也在引导程序上。

它可以缩小 JS 和 CSS。处理源映射和文件捆绑。

有很多选项，但我使用一些 xml 文件来定义应该缩小的内容和应该捆绑的内容。您也可以只使用命令行。

我的用例是编译时创建。如果您是运行时创建，那么您应该使用其他东西。

【讨论】：

“缩小 JS 和 CSS 文件，现在可以选择为 JavaScript 文件生成 Source Maps。”我认为它不会产生 CSS Source Maps，但如果我错了，请纠正我..
如果你要求它就可以。在我的 .xml 文件中： ...