問題タブ [grunt-usemin]

grunt.js に組み込まれている「css」の代わりに「cssmin」を使用するために、yeoman と grunt を使用してプロジェクトと grunt-css プラグインをビルドしています

index.html

Gruntfile.js

次に、ビルド プロジェクトの構造は次のとおりです。

次に、index.htmlファイルを出力します

ご覧のとおり、index.html の改訂されたスタイルの名前を'styles/d41d8cd9.styles.css' に変更する以外はすべて問題ありません。そしてクエスチョンマークは「？」通常の行で???

注: 詳細については、コンソールに出力されます (エラーなし) Running "rev:js" (rev) task dist/scripts/scripts.js --- 04216377.scripts.js

"rev:css" (rev) タスクの実行 dist/styles/styles.css --- d41d8cd9.styles.css

"rev:img" (rev) タスクの実行

「usemin:html」（usemin）タスクの実行

usemin:html - dist/index.html scripts/scripts.js

「usemin:css」（usemin）タスクの実行

usemin:css - dist/styles/d41d8cd9.styles.css

名前の変更は行われていません。どうもありがとう！

css を縮小するために grunt-usemin を使用しようとしています。index.html内でFont Awesomeをこのように使用しています

usemin を実行すると、すべてのスタイルが結合されます。ただし、縮小版を使用しようとすると、Font Awesome アイコンが (意図したアイコンではなく) Unicode の正方形として表示されます。

これを修正する方法についてのアイデアはありますか? 必要に応じて、さらに情報を含めることができます。

単一ページの Angular アプリを提供する Django アプリを構築しています。

Django サーブの Angular の index.html には、次の usemin スクリプト ブロックがあります。

Usemin はファイルシステムで "{% static "scripts/app.js" %}" を見つけようとしますが、実際に見つけようとしているのは "scripts/app.js" であるため、もちろん失敗します。

誰もこれに対する回避策を見たことがありますか?

サブフォルダーがある場合、html 内に正しいパスを書き込むと同時に、出力ファイルを機能させようとしています。

私の基本的なセットアップは、トップレベルのページ (index.html など) と、サブフォルダー (en、de、fr など) に言語固有のページがあることです。それぞれに共通の js ファイル (jquery など) がありますが、言語固有の js ファイル (css も同じですが、シンプルに保ちます...)

つまり、基本的に - jquery などを含む最上位の index.html があります。 - その中のスクリプト タグは次のようになります。

またはrev付き

しかし、en/index.html では、script タグは次のようになります (共通の場合 - jquery のように)。

またはrev。

../ が問題です。

js ファイルをビルドしても rev'd ではない、または rev'd で空である、または build して rev'd で間違った場所にある (ほとんどの場合、app フォルダーと dist フォルダーの両方の外/上にある!)

en/index.html で - build:js がどのように見えるべきかを理解できません。

考えられるすべての組み合わせを試しました-ビルド：jsパスに../を書き込むと、実際のファイルはアプリフォルダーから1レベル上に配置されますが、パスを書き込みますhtmlを正しく。../ を省略した場合、ファイルは適切な場所に配置されますが、html にはどちらにも ../ がありません (明らかに必要です)。 1 レベル上 (en/ フォルダー外) を参照しますが、うなり声を上げて 1 レベル上 (dist フォルダー外!) に配置しません。

ありがとう！

私が取り組んでいるプロジェクトの 1 つでは、プロジェクトのバージョンにちなんで名付けられたフォルダーを作成する必要があり、縮小された JavaScript および CSS ファイルがそこに保存されます。usemin のドキュメントに従って、HTML ページの参照を更新するには、ビルド コメントを追加する必要があります。

上記のフォルダーの名前 (1.2.5) を動的にしたいので、面倒なタスクを実行する前に毎回ビルド コメントを変更したくありません。usemin はこれを達成するためのオプションを提供していますか?

まず第一に、私の英語で申し訳ありません。

さて、私の質問;-)

/src/main/html にある index.html には、Javascript ファイル (/components と /src/main/javascript) 用の 2 つのディレクトリが含まれています。/ ディレクトリにある私の gruntfile を想像してみてください。

/target/gui/javascript ディレクトリにあるすべての JavaScript ファイルに対して .js のみを使用する最も簡単な方法を見つけたいと思います。

しかしその前に、javascript のソース ディレクトリごとに 1 つのファイルを作成しても問題ありません。しかし、index.html に次のコメントをすると問題が発生します。

私の問題は、私の components.js が空であることです。grunt ビルドを起動すると、奇妙なことがわかります。

../components/angular/angular.js で更新していますか? components/angular/angular.js ではありませんか? 理解できない。私はCSSファイルで同じことをしました、そしてそれは私が望むことをします:

私は見えます

それで、CSSについては、私が望むパスをうなり声で理解していますか?

私の Gruntfile には何がありますか?

私はgruntビルドを次のように使用します:

誰かが私を助けることができますか？

よろしくお願いします、

マヌー

grunt-usemin の構成と使用のさまざまなポイントでパスがどのように処理されるかを理解するのに多くの問題があります。

次のレポ レイアウトがあります。ここで、レポ ルートは Web アプリ ルートにもなります。

したがって、index.html ファイル -> somedomain.com/dashboard/index.html です。

index.html ファイルには、/vendor フォルダーのいくつかの CSS および JS アセットが含まれています。ビルド出力をビルド フォルダーに配置するように grunt を構成しました。

index.html ファイルでは、すべての CSS リンクと JS スクリプト タグを usemin ブロックで囲んでいます。

「/vendor/backbone.js」のスクリプトタグが適切な場所で見つけられるように、「(.)」で「代替検索パス」を指定する必要がありました。それまでは、/dashboard/vendor/backbone.js を探していました。

CSS/JS アセットの処理の出力を build/dashboard/app.min.css および build/dashboard/app.min.js に出力し、単純な相対 "app.min. css/js」のパス。

問題は、grunt-usemin が、両方のコンテキストに指定している「app.min.*」パスを使用しているように見えることです。これにより、それらが連携できなくなります。

1）ファイルを作成する目的で、パスをビルドディレクトリに対する相対パスとして扱います。ファイルは build/app.min.css と build/app.min.js に配置されます。

2) 新しいリンク/スクリプト タグを生成する目的で、パスを index.html ファイルに対する相対パスとして扱います。ブラウザは build/dashboard/index.html をロードし、次に build/dashboard/app.min.css にマップされる「app.min.css」をロードしようとします。

解決策はありますか？