【问题标题】:Grunt browser-sync not watching php file changes in WordpressGrunt browser-sync 不关注 Wordpress 中的 php 文件更改
【发布时间】:2014-11-13 11:50:44
【问题描述】:

我已成功设置 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/ 尝试了注释掉的选项以及稍微不同的语法设置,对于任何选项,grunt-cli 都不会显示任何更新,浏览器也不会在保存时更改。我缺少一个明显的组件吗?

【问题讨论】:

    标签: wordpress gruntjs


    【解决方案1】:

    对于像我这样的新手并想知道我做了什么的人:

        browserSync: {
            dev: {
                options: {
                    proxy: "localhost:8888",
                    files: ['style.css', 'js/**/*.js', '**/*.php'],
                    watchTask: true, 
                }
            }
        }
    
    1. 根据我的问题示例明确说明端口意味着浏览器同步不会转到其默认的 :3000 端口,然后运行其同步魔法
    2. 虽然它确实需要引用 8888 作为我的基本本地 URL 的一部分。所以我把它放在proxy: 选项中,然后我可以从那里点击进入我的 htdocs 文件夹中的任何项目。
    3. 将它封装在 dev: {} 到 tell browser-sync 我有自己的服务器正在运行 (MAMP)
    4. 这也阻止了Fate Error: not running 在尝试退出当前正在运行的“grunt”命令时出现的恼人错误。

    在 Mac OSX Mavericks 上,使用 MAMP。

    【讨论】:

    • 令人困惑的是,这些页面现在在localhost:3000 上提供服务,而不是在运行浏览器同步之前的端口 8888。
    • @iainH 这就是它应该如何工作的。它从 localhost:8888 读取并显示在 localhost:3000
    猜你喜欢
    • 2016-03-05
    • 2014-10-17
    • 1970-01-01
    • 2017-01-28
    • 1970-01-01
    • 2016-04-22
    • 1970-01-01
    • 1970-01-01
    • 2020-10-17
    相关资源
    最近更新 更多