grunt.jsのススメ
- 3. gruntとは
• そこでgrunt
• gruntとは…
コマンドラインで使用するタスクベースのビルドツールのこと
• 設定ファイル上で指定したファイルに対してminifyのような
タスクを割り当てコマンドラインから実行できる!
タスク例
難読化、SassやCoffeeScriptのコンパイル、画像最適化など…
- 7. インストールしたモジュール
• grunt-contrib-compass
• compassをgruntで使用するためのモジュール
• compass→cssのフレームワークライブラリ
• grunt-contrib-uglify
• uglify.js を用いてjsを圧縮するためのモジュール
• grunt-contrib-watch
• 監視するためのモジュール
- 8. 0.3から0.4への変更点
• 設定ファイルがgrut.jsからGruntfile.jsにリネーム
• Gruntfile.coffeeでも大丈夫です。
• grunt.registerHelperの廃止
• grunt.registerTaskのエイリアス記法が変更
• grunt.registerTask('default', ['jshint', 'nodeunit', 'concat']);という
感じで、第2引数が配列になってます。
• コンフィグの記述変更
• <config:prop.subprop> → <%= prop.subprop %>
• <json:file.json> → grunt.file.parseJSON('file.json')
• <file_template:file.js> →
grunt.template.process(grunt.file.read('file.js'))