使用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版本的说明。