1. 开源软件
  2. Web应用开发
  3. 网页开发工具
  4. DropCSS

DropCSS - 无用 CSS 样式清理工具

网页开发工具
MIT
跨平台
JavaScript

软件简介

DropCSS 是一个用来清理无用 CSS 的小工具，它根据 HTML 和 CSS 作为输入并返回那些有用到的 CSS 信息。

使用方法：

const dropcss = require('dropcss');

let html = `
    <html>
        <head></head>
        <body>
            <p>Hello World!</p>
        </body>
    </html>
`;

let css = `
    .card {
      padding: 8px;
    }

    p:hover a:first-child {
      color: red;
    }
`;

const whitelist = /#foo|\.bar/;

let dropped = new Set();

// returns { css }
let cleaned = dropcss({
    html,
    css,
    shouldDrop: (sel) => {
        if (whitelist.test(sel))
            return false;
        else {
            dropped.add(sel);
            return true;
        }
    },
});

console.log(cleaned.css);

console.log(dropped);

软件首页