問題タブ [system.web.optimization]

すべての javascript と css (より少ないファイルなど) を、CDN として使用するサイトでホストされる別のサイトに移動しようとしています。

ただし、MVC ScriptBundle および StyleBundle クラスを利用して、BundleTransformer.Less に関連付けたいと考えています。

最初は、次のようなテスト スクリプト バンドルを試してみました。

ここでの問題は、デバッグ モードまたは最適化がオフの場合、何も含めていないため、スクリプトが出力されないことです。最適化をオンにすると、cdn リンクがスクリプト タグにドロップされます。

理想的には、サイトにスクリプトとスタイルを含める必要はありません (仮想ディレクトリを cdn 上の場所にマップできます)。

私がやりたいことは、CDN ですべてのバンドルをビルドし、それらにリンクすることです。

ただし、最小化されたリンクは次のように生成されます。

クエリ文字列の v はキャッシュバスターです。それらにリンクするだけでは、すべてのリンクを新しいキャッシュバスターで手動で更新する必要があると考えられます。

私が行方不明になっているこれを処理する方法はありますか？私が集めたものから、バンドルを CDN 自体に移動すると、かみそりテンプレートで @Scripts または @Styles を使用できなくなります。

私のCSS：

次のように変換されます:

バンドルプロセス中にそれを取得する方法がわからないため、コンテンツはスペース、ブレット、スペースのままです。

プロジェクトでasp.net 4.5バンドルと縮小を使用しています。HTML ページで jscripts バンドルを使用したい。私は成功せずに試しました

私の質問は、html ページで jscripts または CSS バンドルを使用することは可能ですか?

関連する .cs ファイルと .designer.cs ファイルを含む 3 つの .ASPX ファイルを別のフォルダーに移動し、それらの名前を変更しました。再コンパイルしようとすると、移動した 3 つを含む 5 ～ 6 個の異なる .ASPX ファイルに対して上記のメッセージが表示されました。.ASPX ファイルの行番号は常に一番上 (10 ～ 20 行目くらい) にありましたが、タグは毎回異なりました。また、.cs ファイルについて、多くの (おそらくすべての) .ASPX ファイルのすべてのコントロールが存在しないという約 250 のメッセージを受け取りました。

このメッセージに関して私が見つけたほとんどの記事には、さまざまなバージョンの MVC が含まれていましたが、これは MVC アプリではありません。NuGet の設定を微調整して、web.config の参照を System.Web.Optimization にコメントアウトしようとしましたが、どちらも成功しませんでした。

また、問題のある .ASPX ファイルをプロジェクトから除外して、再度含めてみました。これにより、そのファイルのメッセージは消えましたが、最後のファイルを除外すると、同じメッセージが別のファイル (通常はプロジェクト内の次のファイル) に表示されました。

編集:他のいくつかの質問への回答は、欠落している参照の追加に対処していますが、私の場合、参照は既に存在します。

既存の asp.net Webforms プロジェクトにバンドルと縮小を実装しようとしていますが、残念ながら 404 応答で終了しています。

まず、私が従った手順を共有しましょう。

1. System.Web.Optimizationnuget を介してインストールされます。

2. クラスを追加BundleConfigし、Glabal.asax Application_Start イベントに登録しました

JSファイルをバンドルする私のコード。

...

3. 次のマークアップを aspx ページに追加しました

4. BundleTable.EnableOptimizations = true; を設定します。bundleConfig で、形成される URL は次のとおりです。

http://localhost:9011/bundles/modelJs/?v=xNmmFhbzC1isUARLQne-XoBRkWBWApbnRQX8AGvNxQY1

VS2013 webforms アプリケーションに追加されるサンプル プロジェクトも確認しましたが、驚くべきことに、正常に動作しているようです。

SOで同様の問題に関する多くの質問を見てきましたが、解決できませんでした。

CSS-Stylesheets をバンドルすると、画像が解決されないという同じ問題があります。

new CssRewriteUrlTransform()ここで、新しい StyleBundle-Object の「Include」メソッドの 2 番目のパラメーターとして使用することを提案する SO-Answers をいくつか見つけました。これは例えば

IncludeDirectory を使用しているのは、ファイルをどこかに登録せずにファイルを追加できるディレクトリがあるためです (リストしたくないファイルがたくさんあります)。ただし、IncludeDirectory には、CssRewriteUrlTransform-Object を渡すためのオーバーライドがありません。

動作しません: bundles.Add(new StyleBundle("~/bundles/css/directives").IncludeDirectory("~/app/directives", "*.css", true));

私も試しました：

しかし、変換は IBundleTransform 型であり、IItemTransform を渡そうとしています。

これを行う方法に関する提案はありますか？

jQuery バンドルを次のように設定しています。

Google PageSpeed Insights のスコアを上げるために、スクリプトを非同期で読み込むことにしました。

しかし今では、常に CDN フォールバック式に失敗し、スクリプトを 2 回読み込むことになります。フォールバック バンドルから 1 回、非同期呼び出しが終了したときに CDN から 1 回。フォールバック テストを実行するときに、CDN への非同期呼び出しが完了していないためだと思います。

フォールバック式を書くより賢い方法はありますか?

完全に良い解決策はありますか？

私は jQuery を一番下にロードしますが、それに依存するインライン呼び出しを壊してしまいます。

System.Web.Optimization現在、js バンドラーとして使用してプロジェクトに取り組んでいます。

amdこのバンドラーでモジュールを使用するにはどうすればよいですか?

今、明らかにdefine is not definedエラーが発生しています。
Webpack と r.js は依存関係を処理できますが、まだバンドラーを変更したくありません。