Question

我已经成功设置了grunt来查看我的Gruntfile.js中的sass和js文件更改。唯一没有提到的是对我的php文件的更改。查看Wrodpress的浏览器同步文档，我需要说明如下选项：

    browserSync: {
        files: {
            src : [
                'style.css',
                'images/*',
                'js/**/*.js',
                '**/*.php'
            ],
        },
        options: {
            // server: {
              //  host: "192.168.1.141:8888/bch",
               // baseDir: "/", // "./",
           // },
            proxy: "localhost",
           // port: 8888,
            watchTask: true
        } 
    }

我已经尝试了注释掉的选项以及页面底部http://www.browsersync.io/docs/grunt/略有不同的sytax设置，对于任何选项，grunt-cli都不会显示任何更新，浏览器也不会更改在保存。我缺少一个明显的成分吗？

Answer 1

对于任何对我来说都很新的人，我想知道我做了什么：

    browserSync: {
        dev: {
            options: {
                proxy: "localhost:8888",
                files: ['style.css', 'js/**/*.js', '**/*.php'],
                watchTask: true, 
            }
        }
    }

根据我的问题示例明确说明端口意味着浏览器同步不会转到默认值：3000端口，然后运行其同步魔法
虽然它确实需要引用8888作为我的基本本地URL的一部分。所以我把它放在proxy:选项中，我可以点击我的htdocs文件夹中的任何项目。
将它包装在dev：{}到tell browser-sync我运行了自己的服务器（MAMP）
当试图退出当前正在运行的'grunt'命令时，这也阻止了Fate Error: not running的恼人错误。

在Mac OSX Mavericks上，使用MAMP。

Grunt浏览器同步不在Wordpress中观看php文件的变化

1 个答案: