Php 如何正确设置与自定义Wordpress站点兼容的grunfile.js?

Php 如何正确设置与自定义Wordpress站点兼容的grunfile.js?,php,wordpress,gruntjs,Php,Wordpress,Gruntjs,我开始涉足Grunt,它确实改变了我的游戏规则。我在一些小项目中使用过它,只是为了测试它是如何工作的,还尝试了所有使Grunt如此伟大的npm包。我天生就是一个Wordpress开发者,我开始将Grunt和Wordpress结合起来,但我遇到了一些困难,因为Grunt对我来说还是相当新的。我想知道如何正确设置Grunfile.js,使其与自定义Wordpress站点兼容。我的意思是。。。我需要Grunt来运行我所有不同的软件包,比如浏览器同步、手表等等,但是要使用Wordpress站点。关于这个

我开始涉足Grunt,它确实改变了我的游戏规则。我在一些小项目中使用过它,只是为了测试它是如何工作的,还尝试了所有使Grunt如此伟大的npm包。我天生就是一个Wordpress开发者,我开始将Grunt和Wordpress结合起来,但我遇到了一些困难,因为Grunt对我来说还是相当新的。我想知道如何正确设置Grunfile.js,使其与自定义Wordpress站点兼容。我的意思是。。。我需要Grunt来运行我所有不同的软件包,比如浏览器同步、手表等等,但是要使用Wordpress站点。关于这个主题的文档很难获得,因此非常感谢您的帮助。谢谢

我在普通html站点上取得了成功,但在Wordpress站点上尝试时遇到的一个常见错误是,当我通过命令提示符启动grunt时,“无法获取/”

下面是我当前的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');
}

它的结构应该与你做过的小项目完全相同,但是在wp content/themes/your theme的主题文件夹中。BrowserSync本质上是一个代理,所以不管您使用的是什么系统,它都应该工作。

它的结构应该与您完成的较小项目完全相同,但在wp content/themes/your theme中的主题文件夹中。BrowserSync本质上是一个代理,所以无论您使用什么系统,它都应该可以工作