Wordpress主题 - 删除未使用的CSS

Question

我有一个wordpress主题，我想删除未使用的CSS。 所以我尝试使用Gulp + uncss

主题文件夹结构

CSS/main.css
-gulpfile.js

Wordpress网站网址 localhot / wpsite

我有gulpfile.js

//Include Gulp
var gulp = require('gulp');

//Include plugins
    var uncss = require('gulp-uncss');
    var rename = require('gulp-rename');

    //Uncss task
    gulp.task('uncss', function() {

        gulp.src('css/main.css')  
            .pipe(uncss({        
                html: [  'http://localhot/wpsite/','http://localhot/wpsite/about' ]  
            }))      

        .pipe(rename({suffix: '.clean'}))
        .pipe(gulp.dest('css'));

    });

但是我不能得到新的干净的CSS文件

Answer 1

看到上面的代码（你的代码）gulpfile.js

如果您只有几页，如20或更少，您可以继续复制并粘贴网址，如果没有，那么您将需要一个插件。有一个专为Grunt设计的插件，但也适用于Gulp。您可以通过易于遵循的有关如何使用它的说明找到它here。

激活后，请转到：

http://yourdomain.com?show_sitemap

你会看到一些代码，只需选择全部并复制然后将其粘贴到“html：”之后的uncss函数内的gulpfile.js中

复制数组后，保存文件。然后，在命令行中键入：

gulp uncss

现在，如果您查看CSS文件夹或您为目标路径选择的任何位置，您将看到一个新的精简CSS，其后缀为“.clean”，应该如下所示：

检查以下链接。它将清楚地描述如何使用Gulp从gulp安装中删除WordPress中未使用的CSS

Remove Unused CSS