5

ストックのヨーマン angular-fullstack ジェネレーターを使用しています。この問題は、実行時に発生しgrunt serve:distます。イメージは正常に改訂されましたが、更新されたイメージ パスがどの jade ビューにも追加されません。

usemin ブロック:

usemin: {
  html: ['<%= yeoman.dist %>/views/**/*.html',
         '<%= yeoman.dist %>/views/**/*.jade'],
  css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
  options: {
    assetsDirs: ['<%= yeoman.dist %>/public']
  }
},

ほとんどの jade ファイルが「partials」ディレクトリ内にあるため、html ターゲットを再帰グロビングに変更しました。ただし、新しい angular-fullstack プロジェクトには、パーシャル ディレクトリに jade ファイルもあり、イメージの置換は期待どおりに機能します。

フォルダ構造 - ソース ファイル:

/app/views/*
/app/images/*
/app/scripts/*
/app/styles/

フォルダー構造 - dist ファイル:

/dist/views/*
/dist/public/images/*
/dist/public/scripts/
/dist/public/styles/

Revving は CSS および JS ファイルで機能しますが、画像だけでは機能しません。

jade パーシャルの画像パスの例:

img(src='/images/old_landing/record-landing.png')

他に役立つ情報があれば教えてください。

4

1 に答える 1