使用gulp创建PHP环境- 通过gulp-connect-php
在使用gulp环境时,想要使用PHP并且使用browser-sync时所做的调查备忘录。
经过调查,我选择了「gulp-connect-php」这个选项。
尽管还有其他各种方法,但我认为「gulp-connect-php」简单且不错。
npm init
npm install --save-dev gulp
npm install --save-dev gulp-connect-php
npm install --save-dev browser-sync
var gulp = require('gulp'),
connect = require('gulp-connect-php'),
browserSync = require('browser-sync');
gulp.task('connect-sync', function() {
connect.server({
port:8001,
base:'www'
}, function (){
browserSync({
proxy: 'localhost:8001'
});
});
});
gulp.task('reload', function(){
browserSync.reload();
});
gulp.task("default",['connect-sync'], function() {
gulp.watch("./www/**/*.php",["reload"]);
});
在我的Mac环境下,它可以运行,但在Windows环境下无法运行。
因为它可以指定PHP的exe和ini作为选项,所以我尝试使用这个选项解决了问题。
通过这个选项,可以灵活地创建适合每个PHP版本的环境,非常方便。
var gulp = require('gulp'),
connect = require('gulp-connect-php'),
browserSync = require('browser-sync');
gulp.task('connect-sync', function() {
connect.server({
port:8001,
base:'www',
bin: 'C:/xamp/php/php.exe',
ini: 'C:/xamp/php/php.ini'
}, function (){
browserSync({
proxy: 'localhost:8001'
});
});
});
gulp.task('reload', function(){
browserSync.reload();
});
gulp.task("default",['connect-sync'], function() {
gulp.watch("./www/**/*.php",["reload"]);
});
var gulp = require('gulp'),
connect = require('gulp-connect-php'),
browserSync = require('browser-sync');
gulp.task('connect-sync', function() {
connect.server({
port:8001,
base:'www',
bin: '/Applications/MAMP/bin/php/php5.6.2/bin/php',
ini: '/Applications/MAMP/bin/php/php5.6.2/conf/php.ini'
}, function (){
browserSync({
proxy: 'localhost:8001'
});
});
});
gulp.task('reload', function(){
browserSync.reload();
});
gulp.task("default",['connect-sync'], function() {
gulp.watch("./www/**/*.php",["reload"]);
});
不管XAMPP的Apache是否启动都没关系。
还有其他各种选项可供选择。
请点击“gulp-connect-php的页面”以了解详细信息。
※6/17追記:
我在我的Windows环境中无法运行默认设置是因为PHP的路径没有设置好。
我误以为node_module内包含了PHP服务器的功能。
追加说明(6/22):已经追加了指定MAMP内PHP版本的说明。