問題タブ [asp.net-optimization]

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

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

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

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

I have debug="true" in both my web.config(s), and I just don't want my bundles minified, but nothing I do seems to disable it. I've tried enableoptimisations=false, here is my code:

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 のおかげで、バンドル名の先頭に「~/」を付けるのを忘れていたことに気付きました。

バンドルを使用して、いくつかのCSSファイルを結合および縮小しようとしています。私のGlobal.aspx.csApplication_Startには、次のものがあります。

そして、私の.cshtmlファイルには次のものがあります。

ただし、バンドルCSSファイルのソースを表示すると、次のようになります。

.... さらに多く

これを解決する方法について何かアイデアはありますか？

私はそれを次の行に絞り込みました：

そのコード行しかない場合、同じエラーが発生します。

MVC4 System.Web.Optimization1.0ScriptBundle機能を試しています。

私は次の構成を持っています：

および次のビュー：

はどこBundlePaths.CanvasScriptsですか"~/bundles/scripts/canvas"。これをレンダリングします：

~/Scripts/Shared/achievements.jsバンドルされたソースの最初のスクリプトを除いて、これまでのところ良好です。これは、の前に含まれているすべてのスクリプトによって異なりますScriptBundle。includeステートメントをバンドルに追加する順序を確実に順守するにはどうすればよいですか？

アップデート

これは比較的新しいASP.NETMVC4アプリケーションでしたが、最適化フレームワークのプレリリースパッケージを参照していました。それを削除し、 http：//nuget.org/packages/Microsoft.AspNet.Web.OptimizationからRTMパッケージを追加しました。web.configでdebug=trueのRTMバージョンを使用すると@Scripts.Render("~/bundles/scripts/canvas")、個々のスクリプトタグが正しい順序でレンダリングされます。

web.configでdebug=falseを指定すると、結合されたスクリプトには最初にachievements.jsスクリプトが含まれますが、後で呼び出される関数定義（オブジェクトコンストラクター）であるため、エラーなしで実行されます。おそらく、ミニファイアは依存関係を理解するのに十分賢いですか？

IBundleOrdererまた、Darin Dimitrovが両方のデバッグオプションを使用してRTMで提案した実装を試しましたが、同じように動作しました。

したがって、縮小版は私が期待する順序ではありませんが、機能します。

ここでのアドバイスと1つまたは2つのオンザフライ修正に基づいて、MVC4アプリケーションをホスティングプロバイダーにbinデプロイしましたが、最もすぐに明らかな問題は、cssのバンドルが機能しないことです。バンドル参照を明示的なファイル参照に置き換えると、cssが再び機能します。

VS2012の標準MVC4RTMプロジェクトテンプレートを使用しています。プロバイダーはIIS7.5とASP.NET4を実行しており、同じアプリの以前のMVC3バージョンは正常に機能しました。バージョンが低すぎる場所で依存関係を取得したと推測しています。これは、エリアベースのアクションリンクの問題の原因にもなっている可能性があります。

技術的な症状は次のとおりです。

線は次の@Styles.Render("~/Content/css")ようにレンダリングされます<link href="/Content/css?v=" rel="stylesheet"/>

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 MVC4 と Visual Studio でバンドルと縮小を使用しています。

条約は次のように述べています。

• 「FileX.min.js」と「FileX.js」が存在する場合、リリースする「.min」ファイルを選択します。
• デバッグ用に「.min」以外のバージョンを選択する。
• IntelliSense でのみ使用される「-vsdoc」ファイル (jquery-1.6.2-vsdoc.js など) を無視します。

問題は、debug.js 拡張機能も完全に無視され、NuGet を介してノックアウトおよびノックアウト マッピングを使用している場合、これらの拡張機能が付属していることです。デバッグモードであっても、常に縮小版を取得しますか?

ファイルの名前を .debug.js から .min.js に変更して、デバッグ モードで縮小されていないバージョンを取得できますが、nuget を介した更新機能が壊れませんか?

.debug.js ファイルの解決策はありますか?

MVC 4 では、@Styles.Render("~/Content/css") を使用して、CSS を直接呼び出す代わりに、BundleConfig ファイルで定義された CSS ファイルのバンドルを呼び出すことができます。

ファイルを直接呼び出す代わりに bundle を使用する必要があるのはいつですか? コードを単純化するためにさまざまな CSS ファイルがあると、はっきりとわかります。しかし、単一の CSS ファイルがある場合、バンドルを使用するか、それを直接呼び出す必要がありますか?