css - CSS 编译/压缩和 Source Maps v3

Question

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

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

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

Answer 1

mincer-sourcemap似乎能够生成 CSS 源图。

Answer 2

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

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

在最近的将来， Stylus也应该添加源地图支持。

Answer 3

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

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

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

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