静的サイト作成のためのGulpのテンプレート

• HTMLテンプレート作成のための言語 : Jade
• CSSプリプロセッサー : Stylus
• モジュール管理 : WebPack
• ブラウザの同期 : BrowserSync
• パッケージ管理 : Bower
• ES6のトランプパイラー : Babel
• JSXのパース : react-jsx-anywhere

(1) nvmを使用したインストール

$ git clone git://github.com/creationix/nvm.git ~/.nvm
$ source ~/.nvm/nvm.sh
$ nvm ls-remote

v0.12.2をインストールする場合

$ nvm install v0.12.2

ターミナル起動時に有効にするため .bash_profile に次の記述を追加する。

source ~/.nvm/nvm.sh
nvm use v0.12.2

(2)インストラーを使用したインストールはこちらから

$ npm install -g gulp

package.jsonに記述してある依存ファイルをインストールする。 package.jsonがあるディレクトリで

$ npm install

$ npm install -g bower

各自で必要なライブラリーをインストールしてください。

(例)

bower search react
bower install react --save

$ gulp

• gulp.jsを使ってフロントエンドのビルドをする webpack, stylus

• ES6時代のJavaScript

• Bower入門