Tag Archives: grunt

requirejsをbowerでインストールしてgruntでビルドする

私はJSを書くときはAMD推奨派なので、比較的大きめのアプリを作るときはまずrequireJSなどを使用します。
requirejsを使ってモジュールを作成すると依存関係が明確になり、テンプレートなどもrequirejs-textなどを使用すれば再利用がとても容易な形で記述することができます。

ただし、AMD時の一つの懸念点としてビルドして依存モジュールをconcat&uglifyしなくてはパフォーマンスがでないという点が挙げられます。そこで探してみるとgruntのtaskモジュールで内部的にr.jsを使用してビルド(依存モジュールの連結+compress)を行ってくれる便利ツールを発見。これを使えばパフォーマンスに関する問題は大丈夫でしょう。
以下、少し長いですがセットアップ手順です。

Continue reading requirejsをbowerでインストールしてgruntでビルドする

node expressサーバーの起動をgruntから行う

node+express環境ではnode appでサーバー起動をする方法はdeprecatedで最近はnpm startコマンドが推奨されているみたいです。

npm startを発行するとpackage.jsonの中のscriptsに記載されたコマンドが発行され、通常express環境なら/bin/wwwというスクリプトが叩かれます。

package.json

  "scripts": {
    "start": "node ./bin/www"
  },

wwwもjavascriptファイルで、中ではapp.jsを特定のポートに対してlistenしているだけです。

ただ、もしサーバーの起動をgruntに任せたい場合はどうしましょう。

Continue reading node expressサーバーの起動をgruntから行う