2017-11-22 6 views
0

나는 Grunt와 조금씩 대처하기 시작했고, 진정으로 나를위한 게임 체인저가되었습니다. 작은 프로젝트에서 어떻게 작동하는지 테스트하고 Grunt를 훌륭하게 만드는 다양한 npm 패키지를 모두 시험해보기 위해 사용했습니다. 글쎄 나는 본질적으로 Wordpress 개발자이며 Grunt와 Wordpress를 결합하기 시작했지만 Grunt는 여전히 나에게 새롭기 때문에 몇 가지 어려움에 처해 있습니다. 맞춤 Wordpress 사이트와 호환되는 Gruntfile.js를 올바르게 설정하는 방법에 대해 궁금합니다. 내가 말하고자하는 것은 ... 브라우저 싱크 (browser-sync), 시계 (watch) 등과 같은 다른 모든 패키지를 Wordpress 사이트에서 실행하려면 그랑트 (Grunt)가 필요하다는 것입니다. 이 주제에 관한 문서는 매우 힘들어서 어떤 도움을 주시면 감사하겠습니다. 감사!사용자 정의 Wordpress 사이트와 호환되는 Gruntfile.js를 올바르게 설정하려면 어떻게합니까?

나는

다음

은 ... 일반 HTML 사이트하지만 내 워드 프레스 사이트를 시도 할 때 나는 점점 오전 일반적인 오류가 내 명령 프롬프트를 통해 꿀꿀 거리는 소리를 시작할 때 '/ GET 할 수 없다'는 성공이 있었다 내 현재 Gruntfile.js

module.exports = function(grunt) { 
grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 
    sass: { 
    dist: { 
    files: { 
    'style.css' : 'style.scss' 
     } 
    } 
    }, 
    watch: { 
    css: { 
    files: '**/*.scss', 
    tasks: ['sass'] 
    } 
    }, 
    browserSync: { 
    default_options: { 
    bsFiles: { 
    src: [ 
    "style.css", 
    "*.php" 
    ] 
    }, 
    options: { 
    files: ['style.css', 'js/**/*.js', '**/*.php'], 
    watchTask: true, 
    server: { 
    baseDir: "./" 
    } 
    } 
    } 
    } 
}); 
grunt.loadNpmTasks('grunt-contrib-sass'); 
grunt.loadNpmTasks('grunt-contrib-watch'); 
grunt.registerTask('default',['browserSync','watch']); 
grunt.loadNpmTasks('grunt-browser-sync'); 
} 

답변

0

그것은 당신이 한 작은 프로젝트와 동일한 방법으로 구성하지만, WP - 콘텐츠/테마/당신의-테마 테마 폴더에 있어야합니다. BrowserSync는 기본적으로 프록시이므로 사용중인 시스템에 상관없이 작동해야합니다.