3

私は非常に一般的な問題を抱えており、多くの解決策 (stackoverflow と github の問題の両方) を読んでいますが、それでもうまくいくとは思いませんでした。

私が解決しようとしているもの：

  1. angularjsプロジェクトなので、generator-angular（yeomanジェネレーター）を使用しています
  2. SASSプリプロセッサ (実際にはそうではありません)
  3. 相対イメージ リンク(../../images/yeoman.png)を使用する必要があるため、ビルドの前後で正しくなります(../images/yeoman.1er4b3.png) 。

そのためのテストプロジェクトを作成しました。使用をテストするには:

grunt serve:build

このコミットで見つけることができる解決策だけが私のために働いた

cssmin: {
  options: {
    target: '.tmp/styles/any.css',
    relativeTo: '.tmp/styles/'
  }
}

しかし、問題があります: コンパイルされた (ビルド後に) css ファイルがdist/styles/subfolder/にある場合(index.html には < !-- build:css({.tmp,app}) styles/views/views.css が含まれています -- >)、リンクが壊れます。

この問題はgrunt-cotrib-cssmin -> clean-cssに関連しています。

注： generator-angularは、ヘルプで見た最新のソリューションでGruntfileを作成しますが、私の場合は役に立ちません

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

誰かがテストプロジェクトを正常にビルドしてくれると嬉しいです.

4

0 に答える 0