問題タブ [bundling-and-minification]

Maven ビルドの一部として CSS ファイルに対して SASS パーサーを実行しようとしていますが、Maven ライフサイクルのこのフェーズで同時にバンドルされることは望ましくありません。

ただし、個々のファイルを独自の bundlem として指定せずに wro4J を使用してこれを行う簡単な方法はわかりません。いくつかの構成を見逃したのでしょうか、それとも wro4J の設計の核心にバンドルされすぎて、このように使用しなければならないのでしょうか?

mvc4 でのバンドルと縮小の背後にある原則は理解していますが、jquery やその他の大規模で一般的なライブラリなどのアイテムには、基本的な事前縮小ライブラリを使用したいと考えています。

したがって、私の製品バージョンでは、次のようなバンドルを参照する代わりに:

次のように、標準の jquery min バージョンを使用することをお勧めします。

それから私の次のステップは、これらの標準化されたライブラリを、Google や他の大きな CDN が利用できるようにするものなど、CDN でホストされているものに置き換えることを許可することです。

だから：この質問には2つの部分があります：

-バンドラーに、他のファイルとはバンドルされていない事前に縮小されたファイルを直接含めるように指示するにはどうすればよいですか?

- ローカル ファイルを参照する代わりに、このファイルの CDN ホスト バージョンへのリンクを作成するにはどうすればよいですか?

そのため、バンドルと縮小を行うと、間違ったファイルバージョンがプルアップされるという問題が突然発生しました。

私のソリューションにあるファイルは、jquery-1.8.3.js、jquery-ui-1.9.2.js、knockout-2.2.0.js、jquery.signalR-0.5.3.js です。

デプロイ時にウェブサイトが探しているファイルは、jquery-1.7.2.js、jquery-ui-1.8.22.js、knockout-2.1.0.js、jquery.signalR-0.5.2.js です。

私の理解では、バージョンを使用すると、最新バージョンが検索されます....しかし、何かが台無しになっていると思います。

誰にも考えはありますか？

ほとんどのUIロジックがjQueryプラグインで編成されたMVC4.5プロジェクトがあります。ミニファイとバンドルによってコードを保護したい（ミニファイは保護の範囲でしか機能しないことを理解していますが、フォーマットされ文書化されたソースファイルをサーバーに残すよりも優れています）。

理想的には、開発サーバーをそのまま機能させたいと思います。ファイルは縮小されておらず、分離されています。ただし、運用サーバーにデプロイするときは、ソースファイルを削除し、縮小されたバンドルのみを使用できるようにする必要があります。また、多くの場合、私のjQueryプラグインはJavaScriptコードから他のプラグインをロードするため（私はhead.jsを使用します）、そのために@Script.Renderを使用することはできません。

組み込みのMVCバンドル、SquishIt、Bundlerなど、どのテクノロジを使用しますか、それともMSBuildとMicrosoft Axaj Minifierを使用する必要がありますか？要約すると、ソースJSファイルを削除して、本番環境で縮小されたバンドルのままにしておきたいと思います。できれば、ファイルが縮小されているかどうかに基づいて、head.js参照を変更しない方法を見つけます。

アドバイスありがとうございます。

バンドル/ミニフィケーションが有効になっている場合、一部のバンドルのブラウザーに無効な URL (/ で終わる) が含まれているように見え、IIS はフォルダーの内容を一覧表示しようとしているかのように 403 禁止エラーを返します。

バンドルの設定方法に違いはありません - それらは .min.css ではなく、アクセス許可は正しいなどです。

私はGoogleマップにjQueryライブラリを使用していますが、最初にロードするGoogleスクリプトによって異なります。両方をバンドルに含めることができるようにしたいと思います。

これは機能していないようです（最初の文字列について不平を言う例外をスローします）。そして、その絶対URLは縮小/バンドルされることを意図していないため、これは機能しないはずだと言う人もいるかもしれません。

しかし、現在のアプローチは面倒です。依存関係が正しいことを確認する必要があり、それはさまざまな場所で発生します（バンドルコードの問題の半分、ビューの残りの半分）。

上記のような1ステップのソリューションがあると便利です。この点に関して何か選択肢はありますか？

アップデート：

CDNを解決策として使用することに関するコメントに対処するには、CDNを指定bundles.UseCdn = trueしても効果がなく、例外が発生しますThe URL 'http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places' is not valid. Only application relative URLs (~/url) are allowed。また、私はすでにjQueryなどのCDNサポートを使用しているため、そもそもそれがどのような意味を持つのかわかりません。したがって、それが私のユースケースとどのように矛盾するかはわかりません。

HTML5 には、スクリプト ファイル用の async 属性があり、非同期読み込みを有効にします。

このようにバンドルを参照することで、MVC4 バンドルでこれを利用できます。

しかし、これが意味することは、デバッグ モードでもスクリプトがバンドルされているということです。

では、デバッグ時に非縮小化を失うことなく、バンドルと非同期属性を利用するにはどうすればよいでしょうか。

MVC4 とバンドルの概念は初めてです。私にとって、CSSファイルは適切にロードされていますが、指定された画像はロードされず、404例外が表示されます。

私の CSS フォルダー構造は次のとおりです: ~\Content\css\CustomCss\green.css

CSS フォルダー構造の画像: Content\css\Customcss\Images\green.png

しかし、Firebug のネット パネルをチェックインすると、画像のパスが /Content/css/CustomCSS/Content/css/Customcss/Images/Greenish.png として表示されます。

このバンドルが CSS で画像を参照する方法がわかりません。

BundleConfig.cs:

Layout.cshtml:

アイデアを提案してください。

ありがとう。

MVC4 のバンドル システムにデバッグ モードでのみスクリプト/スタイルを含める方法はありますか?

たとえば、システムのデバッグに役立つ多くのデバッグ モード スクリプトがあります。システムがリリース モードのときに、それらをレンダリングしたくないのは明らかです。

次のようなブロックを使用することを考えました：

ただし、デバッグ モードは で制御する必要がありますweb.config。

では、正しいアプローチは何ですか？