在Wordpress站點上使用gulp-uncss

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

來源

2014-09-29 user1466778

嘿好吧我終於想通了，看起來很容易。我跟着像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 :)

來源

2014-11-03 16:06:32 user1466778

gulp-uncss打破了我的自舉導航下拉菜單。你有沒有遇到過類似的問題？ – LoveAndHappiness 2015-01-22 06:01:26

嘿，所以我是新的Node和咕嚕，我想明白我該如何做到這一點。我正在使用filezilla移動文件。我是否只是在我的孩子主題中添加了大嘴巴和咕嚕咕嚕？ – 2015-07-23 20:23:08

在Wordpress站點上使用gulp-uncss

回答

相關問題