- node.js (version 5.0.0以上)
# 開発に使うnpmパッケージおよびbowerコンポーネントをインストール
npm install
README.md
- このファイルです。
bower.json
- 依存するbowerコンポーネントに関する設定ファイルです。
package.json
- 依存するnpmパッケージに関する設定ファイルです。
gulpfile.babel.js
- gulpタスクに関する設定ファイルです。(
.babel.js
となっているのは、es2015で書くための印です)
- gulpタスクに関する設定ファイルです。(
public
- Web公開されるファイルの置き場所です。 (gulpタスク実行までは空の状態です)
src/scss
,src/js
,src/pug
,src/config
- ビルドに必要な各種ソースコードです。
開発時に必要なタスクは、npm scriptおよびgulp.jsで管理されています。 shellから以下のコマンドを実行することで、各種ビルド・タスク実行が可能です。
npm start
- すべてのソースコードをビルドし、開発用ブラウザを立ち上げ、その後ソースコードに修正があれば自動ビルド・自動ブラウザ更新します
- 基本的には、このコマンドを実行しておくだけで開発が可能なはずです。
- HTMLテンプレート: pug
- CSSメタ言語: Sass(scss)
- Javascript: ES2015(ECMAScript 6)
- 各種モダンブラウザ最新バージョン・IE10以上
- 対応ブラウザを変更する場合、
src/config/pleeease.json
のautoprefixer.browsers
を修正することをお忘れなく - またIE8に対応する場合は、bowerのjQueryを1系にすることもお忘れなく
- 対応ブラウザを変更する場合、
npm install
でインストールされるライブラリ(一部)です。
全てを理解していなくても、開発は問題なく行えますが、挙動に問題がある場合・カスタマイズしたい場合などに参照してみてください。