Upload
minoru-nakanou
View
774
Download
0
Embed Size (px)
DESCRIPTION
Citation preview
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日月曜日
コマンドは2つ
grunt unite-coffee:dev(未結合の JS を読み込み
grunt unite-coffee:app(結合、圧縮済みの JS を読み込み
13年4月29日月曜日
デモ
13年4月29日月曜日
ありがとうございました
13年4月29日月曜日