tpack-clean-css

TPack 插件：使用 CleanCSS 压缩 CSS。

安装

$ npm install tpack-clean-css -g

用法

压缩 CSS

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

压缩 CSS 并重命名

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

源映射(Source Map)

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

配置

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: ""                  // 输出路径的重定向基路径。
});

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