gulp-initial-php

##About GulpベースのPHPの使用を想定したWEBアプリ・サイト向けテンプレートプロジェクトです。

##Directory

dist  // Dist directory
 └ assets
    └ sass   
    └ app      // Root Directory
    └ include  // Common parts
    └ js
      └ src
      └ vendor
    └ images
package.json
gulpfile.js
bower.json
gulp
 └ tasks       
    config.js

Spec

• PHP
• SASS
• Minify & Concat JS,CSS
• Autoprefix(pleeease)
• Image minify(pngquant, jpegtran)
• BrowserSync
• Crtitical CSS
• StyleGuide(Styledocco)

Bower

Bowerに登録済みかつダウンロード済みのファイルは、watchコマンドを実行した際自動的にassets/js/vendor/libs.jsに出力されます。

Default library

• jQuery
• Tween Max

Usage

Download

リポジトリをダウンロードして指定のディレクトリに移動します。 もしくはcloneコマンドでデータをコピー。

$ git clone git://github.com/kgsi/gulp-initial-php.git

Install

インストールディレクトリに移動後、各インストールコマンドを実行。

Bower(登録されているlibraryのダウンロード)

$ bower install 

Install npm

$ sudo npm install

Setup

ローカル環境にApache,PHPが動作する環境を用意することが必須です。
MAMPの使用を想定して初期Proxyはlocalhost:8888にセットしています。

MAMPを使用している場合はMAMPを起動後、/appディレクトリを ルートディレクトリとして設定、起動してください。

Command

Watch

$ gulp

dist

$ gulp dist

Author

kgsi

• Personal site
• twitter
• Facebook