問題タブ [bundling-and-minification]

フォント awesome.css を縮小しようとしていますが、最小化すると、次のようなコンテンツのさまざまなジャンク文字が表示されます。

上記は上矢印などのコンテンツ アイコンです。

この問題を克服するためのオプションは何ですか?

ありがとう

ユーザーがいくつかのテーマを設定できるマルチテナンシー MVC 4 アプリケーションを開発しています。/Scripts/booking.js
などのテーマ テーブルに相対パスを追加することで、すべてのリソース (css、js、jpg、png など) をオーバーライドできます。

どのテナントを使用するかは、URL (例: http://myapp/tenant/Booking/New ) によって判断されます。これは、使用する接続文字列の名前です。

したがって、特定のリソースに対してリクエストが行われた場合、データベースにこのリソースのオーバーライドされたバージョンがあるかどうかを最初に確認し、見つかった場合はそれを使用する必要があります。

ここで、Microsoft が System.Web.Optimization 名前空間で提供する新しいバンドル機能と縮小機能を実装したいと思います。しかし、データベース内のファイルでこれを達成する方法がわかりませんでした。

これを実現するために、独自の JsMinify 実装のプロトタイプを作成しました

これはリリース モードの場合に機能するようですが、開発中は各スクリプトを個別に参照したいと考えています。これは、バンドルおよび縮小フレームワーク全体で自動的に行われます。フレームワークによって生成されたリソース URL は次のようになります。

しかし、このように見えるはずです

次のルートを構成しました。

ContentFile メソッドは次のようになります

どうすればこれを達成できるか考えている人はいますか?
従うべきマルチテナンシー パターンはありますか?

私は Font Awesome、Less、Twitter Bootstrap、MVC4 をすべてデバッグ モードでうまく連携させています。

web.config のコンパイル ノードからデバッグを展開して削除すると、MVC4 のバンドルと縮小が開始されます。

このように展開されたときにサイトを閲覧すると、フォントの素晴らしいアイコンが機能しなくなります。

ソースを表示して Bootstrap のコンテンツ バンドルを取得すると、次の HTML が表示されます。

URL を取得してブラウザーに貼り付けると、縮小されたコードを取得できます。

他にもいくつかの CSS バンドルがありますが、上記のように表示してもエラーは表示されません。

Visual Studio 2012 プロジェクトの font-awesome.less ファイルを見ると、VS が認識しているエラーがいくつかあります。Font Awesome のアイコンはデバッグ時に問題なく表示されるので、実際にはエラーはないと思います。

最初のものは on: @fontAwesomePath: '../font';

パスは正しいと思います（とにかくデバッグで動作します）が、VSはfontAwesomePathが既知の@ディレクティブではないことを教えてくれます。

VS が同様に存在すると考えるエラーは他にも多数ありますが、ここでも、デバッグ モードで font awesome が動作します。

何か案は？

バンドルとミニフィケーションで ASP.NET Web 最適化フレームワークを使用しています。1 つのバンドルには jquery と modernizr のみが含まれます。これはすべて jquery 1.8.3 では正常に機能していましたが、1.9.0 に更新して以来、jquery/modernizer バンドルの組み合わせは機能しなくなりました。

ディレクトリには jquery-1.9.0.js と jquery-1.9.0.min.js の両方があります。.min ファイルがない場合は、最適化フレームワークによって自動的に生成されます。.min ファイルがあるかどうかは機能しません。
コンパイルが debug="true" で、縮小やバンドルがない場合に機能します。

I'm in the process of switching my site over to less and I was wanting to continue the use of Web.Optimization however, it fails on compiling less. Is there a way to register .less{} as the processor for this or simply tell it to bundle, but not minify anything with a .less extension?

@:Scripts/Styles.Renderコードビハインドからヘルパーの動作を複製する方法はありますか？

この方法を使用してバンドルを参照すると、。を使用してBundleTable.Bundles.ResolveBundleUrlもバンドルと縮小が発生しdebug=trueます。私は他の質問を読みましたが、前述のヘルパーを使用することで、解決策ははるかに明白に思えます。しかし、私の場合、aspxにある間はバンドルの名前がわかりません。これは、実行時にコードビハインドで生成されます。

そのため、コードの後ろから頭に参照を追加する必要がありますが、それを行う方法が見つかりません。

方法はありますか？または、.aspxファイルでそれを強制されますか？

MvcWebアプリケーションで参照されている静的コンテンツからすべてのバージョンを削除することにしました。しかし、私はキャッシュが必要です。

ブラウザがファイル名またはコンテンツごとにコンテンツをキャッシュするのか知りたいですか？たとえば、バージョン情報なしでJqueryバージョン1.6（jquery.jsなど）をバンドルしてから、以前のファイル名（jquery.js）でバージョン1.8のjqueryを配置したとします。何が起こるか ？ブラウザは新しいファイルを取得しますか？

ありがとう

私は使用していますMicrosoft ASP.NET Web Optimization Framework

ご存知かもしれませんが、すべての JS/CSS を 1 つのファイルに連結できます。config で出力ファイル名を定義し、ユーザー ブラウザが更新 JS/CSS を確実に取得できるように、次のようなパラメータを追加できます。v=yUVjELgc9foFnhZgsvMfx2DhVRLKWK-w69IoCVhJ_aM1

リンクは次のようになります。

すべてのブラウザーがそのパラメーターをサポートしているわけではなく、キャッシュを更新していないと聞きました。

すべてのブラウザがこのアプローチを使用してキャッシュを更新するか、新しいファイル名を手動で生成する必要があると確信できますか? それをサポートしていないブラウザを見ることができるテーブルはありますか?

ありがとうございました

BundleConfigを使用してcssファイルとjavascriptファイルをmvc4.0プロジェクトにバンドルしています。使い始めたばかりですが、どういうわけか、バンドルされたcssファイルはサーバーから404ステータスを取得します。何が問題なのかしら。

これが私の設定です。

））; }

ルートに「CSSJSBundles」というフォルダを作成しました。する必要がありますか？または、mvcが使用する仮想フォルダーだけですか？また、Global.aspxに設定を入れる必要がありますか？

フォルダも削除しましたが、バンドルされているcssファイルに404エラーがあります。

ASP.Net MVC 4アプリケーションに取り組んでおり、バンドルとミニフィクションを使用してスタイルとスクリプトファイルをレンダリングしています。

別のファイル（ファイルB）で関数を呼び出すスクリプトファイル（ファイルA ）があります。メソッドを使用すると、ファイルBの前にファイルAのタグがレンダリングされるため、エラーが発生し、スクリプトが正しく機能しません。
@Scripts.Render()link

ファイルごとに個別のバンドルを使用せずに、タグを特定の順序で強制的@Script.Render()にレンダリングする方法はありますか????link

編集

IncludeDirectoryそのフォルダにすべてのスクリプトファイルを含める方法を使用しています