Yeoman で haml

yo angular --coffee してから、 grunt-haml 使って haml 書けるようになるまで。

つまり

こんな感じ
https://github.com/mtsmfm/angular_sample/commit/07d05ae26ef1d51580a52d2b933b03cbba6a79cb

手順

依存に grunt-haml を追加する

npm install grunt-haml --save-dev

grunt-haml を使えるようにする

Gruntfile.js に次の行を追加 (module.exports = function(grunt) { の中)

  grunt.loadNpmTasks('grunt-haml');

起動時に haml からコンパイルするようにする

Gruntfile.js に次の行を追加

     grunt.task.run([
       'clean:server',
+      'haml',
       'bower-install',
       'concurrent:server',

haml の変換設定を書く

Gruntfile.js に次の行を追加 (grunt.initConfig の中)

+    haml: {
+      one: {
+        files: {
+          'app/views/main.html': 'app/views/main.haml',
+          'app/index.html': 'app/index.haml'
+        },
+        options: {
+          language: 'ruby'
+        }
+      },
+    },
+

haml を変更監視対象にする

Gruntfile.js に次の行を追加 (grunt.initConfig の watch の中)

       },
+      haml: {
+        files: ['<%= yeoman.app %>/{,*/}*.haml'],
+        tasks: ['haml']
+      },
       livereload: {