Question

我开始涉足Grunt，它真的成为了改变我的游戏规则。我已经在小型项目中使用它来测试它是如何工作的，并尝试所有使Grunt如此出色的不同npm包。好吧，我本质上是一个Wordpress开发人员，我开始将Grunt和Wordpress结合起来，但由于Grunt对我来说还是比较新的，因此遇到了一些困难。我想知道如何正确设置一个与自定义Wordpress站点兼容的Gruntfile.js。我的意思是......我需要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');
}

Answer 1

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

如何正确设置与自定义Wordpress站点兼容的Gruntfile.js？

1 个答案: