tpack-clean-css

tpack-clean-css
===============================
TPack 插件：使用 CleanCSS 压缩 CSS。

安装
-------------------------------
``
$ npm install tpack-clean-css -g
`

用法
-------------------------------


$3


`js
tpack.src(".css").ignore(".min.*").pipe(tpack.plugin("tpack-clean-css"));
`

$3

`js
tpack.src(".css").ignore(".min.*").pipe(tpack.plugin("tpack-clean-css")).dest("$1.min.css");
`

$3

本插件可生成源映射，具体用法见 源映射。

配置
-------------------------------
`js
tpack.src("*.css").pipe(tpack.plugin("tpack-clean-css"), {
advanced: true, // 是否进行深度优化，如选择器合并等。
aggressiveMerging: true, // 是否合并选择器。
benchmark: false, // 记录压缩时间。
compatibility: false, // 使用兼容性列表。
debug: false, // 是否启用调试模式。
inliner: null, // 自定义导入样式的地址计算函数。
keepBreaks: false, // 是否保留换行。
keepSpecialComments: "", // (默认)：表示保留所有注释。 1：表示只保留首个注释。0：表示删除所有注释。
mediaMerging: true, // 是否合并 @media 规则。
processImport: false, // 是否处理 @import 。[1]
processImportFrom: ["all"], // 处理 @import 规则细节。 ['all'] (默认)：表示全部, ['local']：表示只处理本地样式。['remote']：表示只处理远程，或使用黑名单，如 ['!fonts.googleapis.com']。
rebase: false, // 重定向地址。[1]
relativeTo: "", // 解析 @import 和地址的基地址。
restructuring: true, // 是否允许重新组织代码结构。
root: "", // 解析 @import 和地址的根地址。[1]
roundingPrecision: 2, // 小数保留位数。-1 表示禁止修改。
semanticMerging: false, // 使用语法合并模式。（可能导致样式错乱，启用有风险）。
shorthandCompacting: true, // 是否启用连缀压缩。(如果启用源映射，默认为 false，否则默认为 true。)
sourceMap: false, // 是否生成源映射。可以是传入的源映射。[1]
sourceMapInlineSources: false, // 在源映射中内联源。
target: "" // 输出路径的重定向基路径。
});
``

> [1]: 此配置已在插件内部自动设置。

另参考 https://github.com/jakubpawlowicz/clean-css#how-to-use-clean-css-api。