Grunt のタスクって何?
イシュー
- Gruntを理解する
参考
- Gruntで始めるWeb開発爆速自動化入門(1):ブラックなWeb開発現場の救世主、Gruntのインストールと使い方 (1/2) - @IT
- 今更だけどやるgrunt入門編・インストールから基本的な使い方|WEB Drawer
- 現場で使えるGrunt入門 - Gruntを試そう | CodeGrid
- 始めのサンプルの実行でなんとなくわかった。
- 現場で使えるGrunt入門 - Gruntを試そう | CodeGrid
- Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門|Web Design KOJIKA17
- Grunt入門 (全12回) - プログラミングならドットインストール
- コーダーさんの為のGrunt入門(前編)〜導入編 – Mach3.laBlog
- Gruntを使ってJSやCSSの面倒なタスクを自動化しよう | kudox.jp
- 自動化ツール「Grunt.js」について
- Gruntの基本的な使い方(grunt-contrib-uglifyで) - Qiita
- ビルドツールまとめ。Gruntとかgulpとか (フロント寄り) - Qiita
- 各種ビルドツールまとめ
- 主流はgulp、ember界隈は、broccoli
grunt のインストール
$ grunt -version -bash: grunt: command not found $ npm install grunt-cli npm WARN prefer global grunt-cli@0.1.13 should be installed with -g grunt-cli@0.1.13 node_modules/grunt-cli ├── resolve@0.3.1 ├── nopt@1.0.10 (abbrev@1.0.5) └── findup-sync@0.1.3 (lodash@2.4.1, glob@3.2.11) $ npm install -g grunt-cli /Users/magnet/.nodebrew/current/bin/grunt -> /Users/magnet/.nodebrew/current/lib/node_modules/grunt-cli/bin/grunt grunt-cli@0.1.13 /Users/magnet/.nodebrew/current/lib/node_modules/grunt-cli ├── resolve@0.3.1 ├── nopt@1.0.10 (abbrev@1.0.5) └── findup-sync@0.1.3 (lodash@2.4.1, glob@3.2.11) $ grunt -version grunt-cli v0.1.13 grunt v0.4.1 $
npm install の --save オプション
- --save を指定すると、package.json のdependenciesに追加される。
参考
GruntはJavaでいうAntみたいなもの
- Antでbuild.xml を書くように、Gruntで、Gruntfile.jsを書く
タスクの実行
- defaultって言うタスクを grunt.registerTaskで登録すると、「grunt default」で実行できる
- sails new した時に出来るGruntfile.js で、「grunt watch」コマンドを実行可能
sails grunt関連
gulp で gruntの複雑な部分を解消
- gulp.jsで始めるWeb開発爆速自動化入門:便利なGruntの弱点を補うgulp.jsのインストールと使い方 (1/3) - @IT
- 印象としては、そんな複雑なタスクを実行させるシチュエーションはないので、どっちでもよい
- デフォルトで用意されているタスクを実行する必要はないようにしたい。