刪除CSS中未使用的類

Question

我需要查找和刪除頁面上未使用的類（在html中未使用，但在css中存在）。 我嘗試使用此解決方案，但它說所有類都在我的站點的html中使用。 我的CSS分為幾個文件。

Answer 1

我認為您可以在此處使用此uncss-> https://www.npmjs.com/package/uncss，如下所示：

var uncss = require('uncss');

var files   = ['my', 'array', 'of', 'HTML', 'files', 'or', 'http://urls.com'],
    options = {
        ignore       : ['#added_at_runtime', /test\-[0-9]+/],
        media        : ['(min-width: 700px) handheld and (orientation: landscape)'],
        csspath      : '../public/css/',
        raw          : 'h1 { color: green }',
        stylesheets  : ['lib/bootstrap/dist/css/bootstrap.css', 'src/public/css/main.css'],
        ignoreSheets : [/fonts.googleapis/],
        timeout      : 1000,
        htmlroot     : 'public',
        report       : false,
        uncssrc      : '.uncssrc'
    };