問題タブ [grunt-usemin]

ビルドの自動化、テスト、バウアーの依存関係などに Grunt を使用する方法を学んでいます。ビルド タスクにバウアーの依存関係を含めることができず、その理由がわかりません。私が読んだことから、私がする必要があるのは、build:css または js でコメント ブロックを含めることだけであり、useminprepare タスクはそれを連結して dist にビルドします。そうではありません。私は何を間違っていますか？yeoman のジェネレーターとして webapp を使用しました。

header.php

gruntfile.js

useminPrepare 出力

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

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

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

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

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

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

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

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

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

Angular JS プロジェクトで Gruntfile に苦労しています。

このステップでは、すべての html テンプレートを angular js コンポーネントに変換します。

} }、

宛先フォルダーを「.tmp」として設定しました

次に、「usemin」を使用します

そして、私は自分のタスクを登録します:

テンプレート ファイルを useminprepare で取得するにはどうすれば追加できますか? アイデアはありますか？

ここにすべての私のファイルがあります:

私の Grunt ファイルでは、useminを使用してindex.htmlファイルを分析し、 concat schemaを構築します。その上で他のプロセスが発生します。

Grunt ファイルは次のとおりです。

HTML ファイルは次のとおりです。

問題は、less.css を使用することです。

useminはより少ないファイルを認識せず、それらをフローに含めないようです。

私がしたことは少しハックです - srcフォルダーに偽のmain.cssファイルを作成しました。

少ないプラグインを使用して処理し、css ファイルに変換して、.tmp フォルダー内に保存しました。

**ファイルが .tmp フォルダーにある場合、index.html の読み取りから参照される偽の style.css と連結しました**

これにより、usemin がフローを通過するファイルにデータを追加できます。

これは機能しますが、かなりハックです...誰かがエレガントなソリューションを持っていますか?

つまり、後で生成されたファイルを usemin フローに追加できるはずです。

何か案は？

これは私の入力ファイルです (yeoman-angular を使用)

そして、すべてのファイルを単一のファイルにコンパイルしvendor.xxxx.js、html を次のように置き換えます。

ただし、ここでのパスは相対パスであり、絶対パスが必要です。さらに、Angular アプリはノード サーバーのサブディレクトリ (dashboard/) にあるため、nignx を使用して必要なものをリダイレクトしています。私は…したい：

ただし、スクリプト ファイル自体は変更しないでください。

私は最近、スクリプトの連結/縮小に usemin/uglify (Grunt を使用) を使用する新しいプロジェクトを受け入れましたが、usemin の利点を見つけることができないようです。構成としてhtmlテンプレートを使用しているだけですか？uglifyを介して行う方が良い解決策のようです。usemin を使用する利点は何ですか?

grunt-usemin を使用して、外部ファイルをダウンロードして連結する方法は?

そして useminPrepare show:

最後の 2 つのファイルは、外部ファイルであるため、all.min.js に追加されません。含める方法は？