在Wordpress站點上使用gulp-uncss

Question

是否可以在Wordpress中使用gulp-uncss？如果是的話，那麼做這個工作的程序是什麼？

Answer 1

嘿好吧我終於想通了，看起來很容易。 我跟着像MandsatWork建議的多篇文章。

基本上我結合了一個關於使用gulp-uncss（在一個簡單的非Wordpress網站上）和一個grunt Uncss教程的簡單教程。

我寫了一個完整的教程就到這裏一步做這一步：http://uplifted.net/programming/remove-unused-css-wordpress-using-gulp/

所以基礎：

1）你應該有杯和大口喝，uncss項目目錄中已經（如果不是去做！它）

2）在您的gulp.js寫入文件吞氣任務uncss - 它應該是這個樣子：

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

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

//Rename is included to rename the uncssed file 
    var rename = require('gulp-rename'); 

//Uncss task 
gulp.task('uncss', function() { 
//Where the bloated CSS lives 
gulp.src('lib/bootstrap/css/bootstrap.min.css')  
    .pipe(uncss({ 
     html: [ 
       'http://wordpress[dot]dev/','http://wordpress-gulp[dot]dev/page-1/' 
       ] 
       })) 
    //Add a suffix to avoid confusion  
    .pipe(rename({suffix: '.clean'})) 
    //The destination of new uncssed file 
    .pipe(gulp.dest('lib/bootstrap/css/')); 

那怎麼ÿ你做它最基本的。如果你有很多的網頁，我建議使用咕嚕Sitemaps生成WordPress插件在https://gist.github.com/lgladdy/10586308

使用它的說明安裝它，然後去yourwordpresdomain.com?show_sitemap

副本的陣列並粘貼它的內容在這裏：

.pipe(uncss({ 
     html: [ 
REPLACE THIS URLS ====> 'URL-1/','URL-2/page-1/' 
       ] 
       })) 

然後，只需運行gulp uncss :)