いつもお世話になっております。
よろしければご回答お願いします。
フォルダ階層
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の方には
もう一つの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"]);
あなたの回答
tips
プレビュー