2013-12-23 53 views
1

我正在使用grunt,我试图让watch/livereload任务在我的本地服务器(MAMP)上运行,但没有成功。Grunt watch livereload不能在MAMP上工作

我打电话给基于HTML5 Boilerplate grunt文件(https://github.com/h5bp/html5boilerplate.com/blob/master/Gruntfile.js,https://github.com/h5bp/html5boilerplate.com/blob/master/package.json)的任务。

我也尝试过实施Tiny-lr(https://github.com/mklabs/tiny-lr),但都没有成功。

我的连接而现在看选项此

connect: { 
    options: { 
     hostname: 'localhost', 
     livereload: 35729, 
     port: 8888    
    }, 
    livereload: { 
     options: { 
      base: '../', 
      open: true 
     } 
    }, 
}, 
watch: { 
    files: '<%= settings.dir.src %>/**', 
    less: { 
     files: ['src/less/*.less'], 
     tasks: ['less'], 
    }, 
    options: { 
     livereload: '<%= connect.options.livereload %>' 
    }, 
    scripts: { 
     files: ['<%= settings.dir.src %>/js/*.js', 'css/**/*.scss' ], 
     tasks: 'default', 
     options: { 
      spawn: false, 
     } 
    } 
} 

在这里,我宣布开发任务:

// development task 
grunt.registerTask('dev', [ 
    'connect:livereload', 
    'watch' 
]); 

当我运行“咕噜dev的”我的浏览器中打开的http://127.0.0.1:8888/只有显示器这个:不能GET/

我需要我的浏览器打开http://localhost:8888/ctrl/(ctrl是MAMP文件夹项目的名称,可以是任何东西),我tho更改“基本”选项是要走的路,但不是,我不能,也不能将“/ ctrl”添加到主机名,也不能添加到端口。

任何想法? 谢谢

这里是我的全部代码的链接:https://github.com/zolitariuz/ctrl

回答

2

我想你是误会2个任务繁重的,

的连接任务用于创建节点JS催生了一个HTTP服务器,所以没有PHP和MySQL的支持,你不想运行你的WP网站通过。

手表任务正在查找您计算机上文件的更改,在文件更改后启动相应任务,然后触发实时重新加载。

在您将监视任务中的实时重新加载对象复制后,您应该完全移除连接。

你应该运行本地灯栈以运行wp,然后启动监视任务以进行文件更改。

在wp端,您应该排入实时重新加载脚本,或者使用浏览器扩展程序将它注入。