小規模Webサイト制作用テンプレート
事前にnode.js, npm, gulpのインストールが必要です。
- このリポジトリをプロジェクトフォルダへコピー
- シェルでプロジェクトフォルダに入って以下のコマンドを実行
> npm i
> gulp
- srcフォルダ内で作業を行うと自動でビルドがかかります。
-
srcフォルダ内のjade, styl, coffeeファイルを自動的にビルドし
releaseフォルダ内に出力します。 -
BrowserSyncにより、
http://localhost:3000/
にアクセスすることで
編集内容をリアルタイムにプレビューできます。
mixinライブラリ や レイアウトテンプレートファイル をビルドさせないために
名前が "_"から始まるファイルと、そのフォルダ内のファイルはビルドされません。
Project
└ (release) -- 自動的に生成されて、リリースビルドが保存される。
│ └ js
│ └ css
└ src
│ └ coffee -- CoffeeScript (release/jsに出力される)
│ └ styl -- Stylus (release/cssに出力される)
│ └ jade -- Jade (release/に出力される)
│
└ Gulpfile.coffee -- Gulp設定ファイル
└ package.json -- npm設定ファイル
└ README.md