問題タブ [grunt-usemin]

index.html には 2 つのブロックが定義されています。1 つはサードパーティ ライブラリ用で、もう 1 つはアプリケーション ファイル用です。サードパーティのライブラリは既に縮小されているため、それらを連結したいだけで、醜くはなりません。どうすればこれを行うことができuseminPrepareますか?

gruntfile.js:

Web 開発のニーズ (具体的には RESTful Web アプリ) のために、grunt-watch で grunt-rev と grunt-usemin の使用を開始します。

grunt-watch を実行して JS ファイルにリビジョン識別子を添付するローカル開発マシンがあります。私git commitとgit push私のツリーを git リポジトリに移動し、本番サーバーにgit pullgit リポジトリからの変更を要求して、それらを Web 訪問者に表示します。

問題grunt-revは、コミットごとに git リポジトリに異なるファイル名を保存させたくないということです (理由により)。git diff表示されたり消えたりするファイルの内容で画面がいっぱいになることなく、コミット間で行うことができず、(場合によっては) それだけの場合よりも多くのストレージを占有する可能性があるため、それは悪いことです。ファイルの小さな差分を保存しました。

私が見る唯一の解決策はbuild、バージョン管理されたファイル名を含むディレクトリを myに追加して.gitignore、それらのファイルを (常に変化するファイル名で) git に保存しないようにすることです。しかし、それは、バージョン管理されたファイル名を持つディレクトリgrunt-watchを作成するために、本番サーバーでも実行する必要があるということではないでしょうか? buildしかし、これは複雑です。新しいプロセスをリモート サーバーで実行する必要があり、おそらくファイルの処理中にエラーが発生する可能性がわずかにあります。私が望んでいた解決策ではありません。

別の解決策はありますか？私が何をしたと思いますか？

Grunt が縮小された CSS を台無しにしており、それを回避する理由と方法がわかりません。

簡単に言うと、縮小する前に、次のような背景画像があります。

次に、プロセス全体の後、次のような縮小された CSS があります (スニペット):

前述のパスは絶対パスであるだけでなく、間違っています。なぜなら、画像はdist/imagesではなく で見つけることができるからです.tmp/images(これは存在しません...)。

非常によく似た問題がここで言及されています: yeoman#824
そのスレッドから 2 つの解決策 ( #17759188と#29137057 ) を試しましたが、役に立ちませんでした。

別のスタック オーバーフローの質問 ( Yeoman CSS イメージ パス) の投稿で述べられているように、おそらくパッチが適用されたバージョンの yeoman を使用してみましたが、まだ成功していません...

誰かがすでにこの道を歩み、私がインターネット上で見つけられなかった解決策を見つけたのかもしれません。

編集：もう1つ詳細を追加できます

次のように、HTML パーシャル内の画像パスは影響を受けません。
ng-src="./images/box_{{$index+1}}.png"

Gruntfile.js

gulp-useminプラグインの問題に直面しています。useminタスク実行時はファイルを連結して醜くしていますが、醜化cssしjsたjsファイルは生成されてもhtmlファイルに書き換えられません。私の gulpfile.js と index.html コードを共有しています。

index.html 変換前

gulpfile.js

index.html 変換後

この問題を解決するのを手伝ってください。前もって感謝します 。

generator-angularでは、grunt-useminはgrunt -filerevを使用して静的アセットをリビジョンするように構成されています。

Grunt-filerev の唯一の責任(コードを調べた)は、ファイルの名前を変更することです。次に、名前が変更されたファイルの概要オブジェクトを返します。

ビルド プロセス中に、grunt-usemin はプロジェクト フォルダー内の静的ファイルへの参照の名前を変更します (私のプロジェクトではimg、html テンプレートの s で発生することがわかります)。

ただし、 Fontsはリビジョン ハッシュの名前を変更しますが、Sass ファイル内の参照は更新されず、それを反映していません。そのため、すべてのカスタム フォントで 404 が発生します。

私はすでに GitHub の問題について何度も連絡を取り合っていますが、向こうの善良な人々は他のビジネスで丁重に忙しいようです。

問題は、これは調整が簡単な私の構成エラーなのか、それとも grunt-usemin のバグなのかということです。

タグで正しく動作する grunt-usemin に問題がありbuild:jsますが、タグに到達するとbuild:css、そのファイル内のすべてが消去されます。

公式の Yeoman ジェネレーターを使用して Web アプリをセットアップしyo webapp、プロジェクトで動作するようにいくつかの調整を行いました。フォルダ ツリーは次のとおりです。

したがって、.php パーシャルを含むcontentandを除いて、特別なことは何もありませんincludes

app/includes/html-scripts.php次のタグを含む、正しく生成されたファイルがあります。

しかし、app/includes/html-head.phpは の最後のステップ ( usemin) で空になりgrunt buildます。を含む：

build:css({.tmp,app})、build:css、同じことも試しました。

これは私のものGruntfile.jsです：http://pastebin.com/9ZpjkGjY（sass:dist代わりにを試してみましたがcompass:dist、同じ結果です）

これが私のものpackage.jsonです：http://pastebin.com/VAPwm71f

誰でも答えを手伝ってもらえますか?