Wordpress主题-删除未使用的css

Question

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

主题文件夹结构

CSS/main.css
-gulpfile.js

Wordpress站点url 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页或更少，你可以继续复制和粘贴URL如果没有，那么你将需要一个插件。有一个插件，是为Grunt设计的，但也很好地与Gulp。您可以找到它的这里与如何使用它的简单遵循说明。

激活它之后，转到：

sitemap

您将看到一些代码，只需选择所有并复制，然后将其粘贴到uncss函数中“html：”之后的gulpfile.js中。

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

gulp uncss

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

​

​

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

删除未使用的CSS