問題タブ [bundling-and-minification]

VS2012RCを使い始めたばかりです。マスターページと単一のWebフォームを使用してテストサイトを作成しました。現在、私はこのコードを使用しStylesて、サイト上のフォルダー全体をバンドルしています。

Global.asax

Site.master

質問：テストサイトには、サイトの全体的なルックアンドフィールを制御するサイトレベルのCSSファイルがあります。サイトレベルのCSSに加えて、各ページに独自のCSS定義を含めることができます。マスターページにファイルのみを含めてsite.cssから、各ページの必要に応じて.cssファイルをバンドルに条件付きで追加することは可能ですか？

の後ろのコードでこれを試しましたDefault.aspxが、機能しませんでした：

私のタイトルはすべてを示していると思います。物理ファイルの代わりにJavaScriptResultを返す一連のアクションURLをバンドルしたいのですが、これはどういうわけか可能ですか？

よろしくお願いします

CSSとJavaScriptを縮小してバンドルするために、.NET4.5に組み込まれている縮小とバンドルを使い始めています。JavaScriptの縮小はうまく機能しますが、CSSの縮小で問題が発生しました。以下のコードを使用してスタイルバンドルを作成します-

そして、以下のように.cshtml（かみそりファイル）でそれらを参照します-

CSSファイルを最小化します。ただし、CSSファイルにbackground-image：url（'img / icon.png'）などのbackground-image参照を持つスタイルが含まれている場合、このアイコンファイルを新しい場所（バンドル名から派生）からロードしようとします。 = /bundles/MySiteCss/img/icon.png

アイコンはその場所に存在しないため、ページに読み込まれて表示されません。

ASP.NET MVC3プロジェクトをMVC4にアップグレードしたばかりで、バンドルおよびミニファイ機能を追加しようとしています。これまで、NuGetを介してMicrosoft ASP.NET Web最適化フレームワークをインストールし、Web.configのRazor名前空間にSystem.Web.Optimizationを追加しました。

ただし、Razorビュー（* .cshtml）では@Stylesと@Scriptsに直接アクセスできないため、System.Web.Optimization名前空間をプレフィックスとして付ける必要があります。私が欠けているものについての手がかりはありますか？

標準の MVC4 テンプレートを使用してプロジェクトを作成したとき、jquery-obtrusive、jquery-validate、knockout、jQuery UI 全体など、大量の JavaScript が含まれていました。

このうち、どれだけを保持する価値があり、どれだけを捨てる価値がありますか? 強く型付けされた Controller を作成すると、create.cshtml ビューが次の呼び出しを生成することに気付きました。

このファイルは正確に何をしますか? 私はそれを保持する必要がありますか？BundleConfig.cs で最初に定義されたこれらの JS ファイルをすべて参照する必要がありますか? それとも気にしないでいいですか..？

Microsoft.AspNet.Web.OptimizationASP.NET MVC 3 プロジェクトを MVC 4 / .NET 4.0 に移行し、 CSS と JavaScript のバンドルと縮小をサポートするためにNuGet パッケージをインストールしました。バンドル/ミニフィケーションはほとんど機能していますが、問題は常に有効になっていることです。Web.config で構成されているように、アプリがデバッグ モードであっても、すべての JavaScript インクルードが縮小されます。以下の XML スニペットからわかるように、Web.config でデバッグ モードが有効になっています。

私のバンドル構成の抜粋:

CSS/JavaScript インクルードは、HTML で次のようにレンダリングされます。

私の場合、縮小化が有効になる理由について何か手がかりはありますか? ここで何が欠けているのか途方に暮れています。トラブルシューティングを行うために、テスト用の ASP.NET MVC 4 インターネット アプリケーションを作成し、このプロジェクトのデバッグ モードでCSS/JavaScript が縮小されていないことを確認できました。

編集：

私の _Layout.cshtml ファイルでは、スタイル/スクリプトを次のようにレンダリングします。

Hao のおかげで、バンドル名の先頭に「~/」を付けるのを忘れていたことに気付きました。

拡張子が.min.jsのファイルが含まれていないmvc4バンドラーに奇妙な問題があります

BundleConfigクラスで、次のように宣言します

私の見解では、私は宣言します

そしてそれがレンダリングするとき、それはレンダリングするだけです

jquery.tmpl.min.jsの名前をjquery.tmpl.jsに変更すると（それに応じてバンドル内のパスを更新すると）、両方のスクリプトが正しくレンダリングされます。

'.min.js'ファイルを無視する原因となっている構成設定はありますか？

2 つの質問があります。1 つはバグに関するもので、もう 1 つは cdn に関するものです。

質問 1: (バグ)

新しい NuGet パッケージ、Microsoft ASP.NET Web Optimization Framework 1.0.0 を追加しました。私は ASP.NET MVC 3 を使用していますが、1 つの大きなバグを除いてすべてが機能しているようです。

web.config でdebug="true"を使用すると、スクリプト タグが出力されません。ビュー ソースを確認しましたが、そのバンドルのタグはまったくありません。

debug="false"を設定すると、ミニフィケーション ファイルを指すスクリプト タグが取得されます。

*これはバグですか？他の誰かがそれを経験しましたか？*

少なくともアプリケーションをデバッグできるようにするための回避策として、デバッグ モードであるかどうかに関係なく、最適化を強制的にオンにしました。

質問 2: (CDN)

また、CDN サポートについても質問があります。

CDN をサポートする別のスクリプトを追加する場合は、別のバンドルを追加する必要があります。したがって、UseCdn="false" の場合、2 つのスクリプトを別々にロードしようとします。つまり、2 つのリクエストです。UseCdn="false" の場合に複数のスクリプトを 1 つのリクエストに結合するように、CDN で複数のスクリプトをサポートする方法はありますか?

このようなもの：

よろしく DotnetShadow

Javascriptを動的に生成するサイトがあります。生成されたコードは、クライアントがサーバーのサービスを簡単に利用できるように、タイプメタデータといくつかのサーバー側定数を記述しているため、非常にキャッシュ可能です。

生成されたJavascriptは、ASP.NETMVCコントローラーによって提供されます。つまり、URIがあります。言う~/MyGeneratedJs。

このJavascriptを他の静的Javascriptファイル（jQueryなど）と一緒にJavascriptバンドルに含めたいので、静的ファイルと同じように、デバッグモードで個別に参照し、非他のファイルとバンドルされた縮小形式で参照する必要があります。デバッグモード。

動的に生成されたJavascriptをバンドルに含めるにはどうすればよいですか？

ASP.NET 4.5 のバンドルと縮小を試したところ、問題が発生しました。

私は約 10 個の css ファイルを持っています。そのうちの 2 個はもともと属性 media="screen" を使用してレイアウトで参照されていました。

バンドルに css を追加するための構文では、そのような属性を追加する必要があることを指定できないため (属性はバンドル全体に適用されるため、理にかなっています)、@Styles.Render のオーバーロードが表示されることを期待していました。他の Html ヘルパーと同様に、html 属性を指定できますが、何もありません。

作成されたバンドルの URL を知っているため、自分でタグを作成することもできますが、ASP.NET がタグ自体をレンダリングできるようにすることで、ASP.NET によって処理されるキャッシュ メカニズムが失われてしまいます。

これを行う方法はありますか、何か不足していますか? それとも、これは設計チームの単なる見落としですか?