15

Yeoman & Jadeで遊んでいます。私は小さなテストアプリを作成しましたyeoman init angular（角度のあるアプリですが、それはここでは重要ではありません）...

yeoman serverコマンドラインで入力すると、次のようになります。

  • coffeescriptとcompassファイルをコンパイルする
  • サーバーを起動する
  • ブラウザを起動する
  • ブラウザでのコーヒースクリプトとコンパスの変更の監視と再読み込み

これがヨーマンの大きな特徴です！

今、私はジェイドと同じ機能が欲しい. そこで、 grunt-jadeを介してインストールし、 GruntFile.jsnpm install grunt-jadeに次の構成を追加して、jade テンプレートをコンパイルしました。

   jade: {
      html: {
        src: ['app/views/*.jade'],
        dest: 'app/views',
        options: {
          client: false
        }
      }
    },

タスクに次の構成を追加することで、 Yeoman のウォッチ & リロード タスクjadeにタスクを統合することができました。watch

  watch: {
     ...
     jade: {
       files: 'app/views/*.jade',
       tasks: 'jade reload'
     },
     ...
  }

そして、すべてがうまく機能します...jadeコマンドにタスクを追加しない限り、最初のコンパイルが行われないことを除いて:

yeoman jade server

私たちの執事は、この素敵な女の子が好きではありません。なぜなら、彼は彼女を自分のserver仕事に統合させないからです :) そして、yeoman serverコーヒースクリプトとコンパスファイルしかコンパイルしないので、それは面倒です.

jadeのデフォルト実行にタスクを追加する方法はありますyeoman serverか?

4

3 に答える 3

14

Jade と Yeoman を統合する方法に関するガイドを作成しました: Using Yeoman and Jade

于 2013-01-09T20:30:43.187 に答える
3

必ず追加してください

  grunt.loadNpmTasks('grunt-jade');

そうしないと、yeoman は "jade" タスクの処理方法を知りません

于 2013-01-10T08:58:32.640 に答える