WordPress的主題 - 刪除未使用的css

Question

我有一個wordpress主題，我想刪除未使用的CSS。 所以我嘗試使用咕嘟咕嘟+ 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

A在你看到上面的代碼時（你的代碼）gulpfile.js

如果你只有幾頁，比如20或更少，你可以直接複製並粘貼URL，否則你需要一個插件。有一個專爲Grunt設計的插件，但也可以與Gulp一起使用。你可以找到它here與容易遵循如何使用它的指示。

後您激活它，請訪問：

http://yourdomain.com?show_sitemap

你會看到一些代碼，只需選擇所有和複製後粘貼它在uncss函數內gulpfile.js「HTML」

複製數組後，保存該文件。然後，在命令行中鍵入：

gulp uncss 

所以，現在，如果你看看你的CSS文件夾或你選擇你的目標路徑，你會看到後綴爲新的精益CSS「清潔機殼」應該是這個樣子：

檢查一次下面的鏈接。這將清楚地描述，如何在WordPress自吞氣安裝使用咕嘟咕嘟刪除未使用的CSS

Remove Unused CSS