tpack-clean-css

    2.9.0 • Public • Published

    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

    Install

    npm i tpack-clean-css

    DownloadsWeekly Downloads

    1

    Version

    2.9.0

    License

    MIT

    Last publish

    Collaborators

    • teal