coffeescript をいいかんじにコンパイルする grunt task

grunt-unite-coffee

13年4月29日月曜日

自己紹介

面白法人カヤック HTMLファイ部 中農稔

最近はもっぱらJSerです。

twitter@nenjiru

13年4月29日月曜日

Coffee Script いいですよね

13年4月29日月曜日

ネックだったデバッグも Source map を使えばCoffeeScript のコードでデバッグが可能です

13年4月29日月曜日

Chrome 設定方法

ステップ実行やブレークも CoffeeScript でできます

13年4月29日月曜日

ところが CoffeeScriptのコンパイルは

分割出力時にディレクトリを指定できない

結合順が指定できない

(=依存関係を解決できない) など

あまり複雑なことができません

13年4月29日月曜日

ある程度の規模で開発するならファイルをパッケージ単位でディレクトリ管理したいですよね

13年4月29日月曜日

CoffeeScriptのSource map は（たぶん）MapファイルとJSが

同一階層にあることが前提っぽいのでソースをディレクトリごとにわけて管理できません

13年4月29日月曜日

つらい ><

13年4月29日月曜日

Grunt でごにょごにょすればできそうだぞ

13年4月29日月曜日

grunt-unite-coffee つくりました

https://github.com/nenjiru/grunt-unite-coffee

13年4月29日月曜日

ターゲットファイル（HTML）を指定しファイルリストにしたがって

コンパイルした JS と Sourcemap を読み込むモードと結合・圧縮した JS を読み込むモードがあります

これはなに？

13年4月29日月曜日

DLしてきたら、npm install して

Gruntfile.js と import.json を設定します

サンプルを同梱してるので、すぐ試せます

使い方

13年4月29日月曜日

Gruntfile.js はおもに初期設定を

import.json にはソースファイルのパスを記述しておきます

サンプルを同梱してるので、すぐ試せます

13年4月29日月曜日

コマンドは２つ

grunt unite-coffee:dev（未結合の JS を読み込み

grunt unite-coffee:app（結合、圧縮済みの JS を読み込み

13年4月29日月曜日

デモ

13年4月29日月曜日

ありがとうございました

13年4月29日月曜日