Wordpress 사이트에서 gulp-uncss 사용

Question

Wordpress에서 gulp-uncss를 사용할 수 있습니까? 그렇다면이 작업을 수행하는 절차는 무엇입니까?

Answer 1

안녕하세요, 저는 마침내 이것을 알아 냈습니다. MandsatWork와 같은 여러 기사를 뒤따 랐습니다.

기본적으로 gulp-uncss (간단한 WordPress 이외의 웹 사이트)와 간단한 Uncss 자습서를 사용하여 간단한 튜토리얼을 결합했습니다. http://uplifted.net/programming/remove-unused-css-wordpress-using-gulp/

을 따라서 기본 :

1) 당신은 꿀꺽을해야하고 꿀꺽 - uncss 프로젝트 디렉토리에 이미 (이렇게하지 않으면

는 여기 단계로이 단계를 일을 전체 자습서를 썼다 !이) 당신의 gulp.js에서

2) 파일 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/')); 

방법 y를 그것은 가장 기본적인 것입니다.

: 당신이 많은 페이지가 있다면 나는 그것이 지시의 사용하여 설치 한 후

복사를 배열을 yourwordpresdomain.com?show_sitemap로 이동하고 콘텐츠를 여기에 붙여 https://gist.github.com/lgladdy/10586308

에서 워드 프레스에 대한 그런트 사이트 맵 생성기 플러그인을 사용하는 것이 좋습니다

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

다음은 gulp uncss를 실행하는 것입니다.