2014-06-08 73 views
0

咕噜livereload与WordPress咕噜livereload与WordPress

大家好

我试图用咕噜我wordpress主题开发。

从'发球'任务和直播中,一切似乎都很好。

在主题文件夹我有gruntfile.js和的package.json和DEV-theme文件夹

dev的主题文件夹中包含的主题文件。

我使用下面,并在functions.php中的gruntfile我有以下

if (in_array($_SERVER['REMOTE_ADDR'], array('127.0.0.1', '::1'))) { 
    wp_register_script('livereload', 'http://localhost:35729/livereload.js?snipver=1', null, false, true); 
    wp_enqueue_script('livereload'); 
    } 

=

'use strict'; 

    module.exports = function(grunt){ 

    require('load-grunt-tasks')(grunt); 

    grunt.initConfig({ 

     pkg: grunt.file.readJSON('package.json'), 

     yeoman:{ 
      dev: 'dev-theme', 
      dist: 'dist-theme' 
     }, 

     sass:{ 
      dist:{ 
       files:{ 
        'dev-theme/css/styles.css' : 'dev-theme/css/scss/styles.scss' 
       } 
      } 
     }, 

     watch:{ 
      css:{ 
       files: '**/*.scss', 
       tasks: ['sass'], 
       options: { 
        livereload:{ 
         port: 35729 
        } 
       } 
      } 
     }, 

     // The actual grunt server settings 
     connect: { 
      options: { 
       port: 35729, 
       livereload: 35729, 
       // Change this to '0.0.0.0' to access the server from outside 
       hostname: 'localhost', 
      }, 
      livereload: { 
       options: { 
        open: true, 
        base: [ 
         '.tmp', 
         'test', 
         '<%= yeoman.dev %>' 
        ] 
       } 
      } 
     } 

    }); 

    grunt.registerTask('default', ['watch']); 

    grunt.registerTask('serve', function (target) { 

     if (target === 'build') { 
      return grunt.task.run(['build', 'connect:dist:keepalive']); 
     } 

     grunt.task.run([ 
      'connect:livereload', 
      'watch', 
        'build' 
     ]); 
    }); 

    grunt.registerTask('server', function() { 
     grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.'); 
     grunt.task.run(['serve']); 
    }); 

    } 

的“服务”的任务将打开一个浏览器窗口,但它不显示主题,但显示dev-theme文件夹中的文件列表。

回答

1

这是正常的,你不应该用grunt'服务',因为服务生成一个建立在节点上的http服务器,而是'监视',它将监视文件的变化并触发livereload。

您应该有适合您的wordpress运行的灯栈,并且只能使用grunt来生成/处理资产