删除css中未使用的类

时间:2016-11-11 20:34:07

标签: javascript css gulp

我需要在页面上找到并删除未使用的类(在html中未使用但在css中存在)。我尝试使用this解决方案,但它说所有类都在我网站上的html中使用。我的CSS被分成几个文件。

1 个答案:

答案 0 :(得分:2)

我认为你可以在这里使用这个 - > 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'
    };