gulpとxamppを連携させたい。またgulpの挙動について

いつもお世話になっております。  
よろしければご回答お願いします。

フォルダ階層

bass
├── node_modules 
├── gulpfile.js 
├── package.json 
├──app 
   ├── project 
   │    ├──js 
   │    ├──css 
   │    ├──image 
   │    ├──index.php
   │    ├────contactフォルダ
   │            ├──index.php
   │ 
   └── src 
      ├──js 
      ├──sass 

現状

現在のGulp環境は、上記の階層になっています。
appフォルダにprojectフォルダとsrcフォルダがあります。
projectフォルダには【css,js,html,php,image】フォルダがあります。
srcフォルダには、【SASS,js】があります。
phpファイルはprojectフォルダに入っており、さらに同階層にページ名ファイルのフォルダを作り
index.phpとして使っています。(contact.phpであれば、contactフォルダを作り、そこにindex.phpとして制作)

問題点

gulp-connect-phpを使ってphpを使えるようにしました。
拡張子が.phpの起動は無事にできました。
ただし、一点の問題とxamppを使った便利機能を行いたいです。

メインで使っているPCでは、ちゃんとcssの読み込みができるのですが
別のPCだと、何故かcssを読みこめません。

原因として、どうやらcssファイルを探せていない状態で
notFound.hoge.cssとなってしまいます。
console.logを確認すると、cssの読み込み方が、ルート相対パスになっているようです。
htmlの方には
<link rel="stylesheet" type="text/css" href="css/hoge.css" />
と、この様に書いてあるのですが、gulpを起動すると/css/hoge.cssを探してしまいます。
なぜこのようなことが起きてしまうのが問題点です。

もう一つのxamppを使った便利機能とは
拡張子を.htmlにした状態でphp文を書きたいです。
素直に、xamppのhtdocsでgulpを起動すればいいのですが、htaccessでルート相対パス
を設定しているため、複数サイトを管理するのに向いていません。
ですので、xamppのhtdocsで編集は行わず、デスクトップ上で複数サイトを管理したいです。

xamppの方では、拡張子がhtmlでもphp文が使えるようにhttpd.confを編集して
使えるようにしています。

何がしたいのか・どうしたいのか。

①gulp-connect-phpを使ったphpの読み込み時に、強制的にcssがルート相対パスになってしまい
cssが読み込めない。ルート相対パスをさせないようしたい。

②xamppのhtdocsで拡張子.htmlでphp文を使えるようにするのではなく
デスクトップ等でファイル拡張子.htmlでphp文を使いたい。

なにか方法があればご教授ください。よろしくお願いいたします。

gulpfile.js(シンプルに.phpを読み込めるだけのサンプルを作りました。)

var gulp = require('gulp'),
    connect = require('gulp-connect-php'),
    browserSync = require('browser-sync');

gulp.task('connect-sync', function() {
  connect.server({
    port:80,
    base:'app/project'
  }, function (){
    browserSync({
     proxy: 'localhost:80'
    });
  });
});
/****** sassは略*****/
gulp.task('reload', function(){ 
  browserSync.reload();
});

gulp.task("default",['connect-sync'], function() {
  gulp.watch("./app/project/**/*.+(html|php)",["reload"]);