読者です 読者をやめる 読者になる 読者になる

BrunchでChaplinアプリのプロジェクトを作る

CoffeScript Chaplin

プロジェクトの作成

brunchをインストールする。

$ npm install -g brunch

brunch-with-chaplinをスケルトンにしてプロジェクトを作成。

$ brunch new myproject --skeleton=git://github.com/paulmillr/brunch-with-chaplin.git

プロジェクトディレクトリに必要なnode_moduelsをインストールし*1、`brunch w` でbrunchを起動する。

$ cd myproject
$ npm install -d
$ brunch w

brunchのスタンドアローンサーバを使うには、`-s` オプションを使う。

$ brunch w -s

プロジェクト内のCoffeeScriptやテンプレートを変更すると、brunchが勝手にビルドしてくれる。便利。

Underscore.jsをLo-Dashに変更

これは好みもあると思うが、Underscore.jsではなくて、Lo-Dashを使いたいので、vendor以下にあるスクリプトを入れ替える。

githubから最新版のLo-Dashをダウンロード。

$ curl -o vendor/scripts/lodash.underscore-1.0.1.js https://raw.github.com/bestiejs/lodash/v1.0.1/dist/lodash.underscore.js

プロジェクト直下のconfig.coffeeにあるunderscoreをLo-Dashのものに置き換える。

% git diff config.coffee 
diff --git a/config.coffee b/config.coffee
index db9d206..d10c363 100644
--- a/config.coffee
+++ b/config.coffee
@@ -13,7 +13,7 @@ exports.config =
         before: [
           'vendor/scripts/console-polyfill.js',
           'vendor/scripts/jquery-1.9.1.js',
-          'vendor/scripts/underscore-1.4.4.js',
+          'vendor/scripts/lodash.underscore-1.0.1.js',
           'vendor/scripts/backbone-0.9.10.js'
         ]
         after: [

*1:これはbranch newでプロジェクトを作った直後はいらないかもしれないが、gitでcloneした直後には必要