用grunt-php实现PHP的即时加载的方法
安装grunt-php和grunt-contrib-watch
如果您使用grunt-php,就不需要grunt-contrib-connect。
npm install -D grunt-php@0.2.0 grunt-contrib-watch
安装浏览器扩展
(适用于Chrome的情况)
https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
请点击此链接以在Chrome商店下载”livereload”插件。
Gruntfile.js的配置
'use strict';
module.exports = function (grunt) {
grunt.initConfig({
// Built-in PHP-Server
php: {
server: {
options: {
//keepalive: true,
hostname: 'localhost',
port: 5000,
base: 'app',
open: true
}
}
},
watch: {
livereload: {
options: {
livereload: true
},
files: [
'app/*.php'
]
}
},
});
grunt.registerTask('server', [
'php:server',
'watch'
]);
};
以下是对“ポイント”这个词的中文翻译:
– 积分
– 点数
– 优惠券
– 累计分数
使用版本号为v0.2.0之前的版本
在最新的版本v0.3.2中,服务器立即关闭并无法运行成功。尽管如此,偶尔也会发生一些不稳定的情况。而且不知道为什么会同时打开大约10页。值得一提的是,yeoman的generator-php正在使用v0.1.1版本。
不要添加keepalive。
如果添加keepalive,PHP服务器的启动会导致任务执行停止,因此之后的watch不会被执行。
手动打开浏览器的Livereload按钮
在服务器启动并打开页面的初始状态下,Livereload按钮的中间可能仍然是x,因此需要手动将其打开。
我不想用内置服务器,而是想使用MAMP之类的。
只需要将grunt-php删除,只保留watch,这样就可以启动Livereload服务器。然后,在MAMP启动的页面上打开并将Livereload按钮打开,就可以使用Livereload来刷新您喜欢的页面。