問題タブ [web-optimization]

私のangularアプリケーションはASP.NET webapiに支えられており、index.htmlを提供しており、angularはそこから他のすべてを処理しています。バンドルを使用したいのですが、これを行う方法がわかりません。バンドルを参照するためだけにかみそり (または Web フォーム) を使用する必要がありますか? または、バンドル出力に、src/hrefs で参照できる固定名を付けるオプションはありますか?

明確にするために、私はHTMLを提供するためにMVCまたはWebフォームを使用していません。index.html にリダイレクトされるだけで、ルーティングはすべてクライアント側で行われます。私のバンドル構成は、WebActivator.PostApplicationStartMethod を使用して行われます。

新しい .net 4.5 webforms コントロールを使用して、マターページでバンドルをレンダリングしようとしています。次のように、BundleConfig.cs で定義された scriptbundle があります。

<webopt:BundleReference>次に、新しいコントロールを使用してバンドルをレンダリングしようとします。

ただし、ページがレンダリングされると、出力は<link>タグではなくタグになります。

このコントロールはスタイルのみを表示するためのものですか? それとも私は何か間違ったことをしていますか？構文ではなく webopt コントロールを使用してスクリプト バンドルをレンダリングするにはどうすればよい<%: Scripts.Render() %>ですか?

Web 最適化を使用してバンドルに含めたいファイルがいくつかありますが、ファイルの 1 つが現在、縮小後に壊れています。他のすべてのファイルを縮小しながら、そのファイルを縮小されていないバンドルに含める方法はありますか?

これの効果に何か：

bundleCollection.Add( new ScriptBundle( "名前" ).Include( fileArray ) ).IncludeUnMinified( fileArray2 );

System.Web.Optimizations を使用して css ファイルを縮小しようとしていますが、機能しません。

• 最適化を有効にして debug=false でサイトを実行しました
• 同じ場所に事前に縮小されたファイルはありません
• .net 4.5、IIS エクスプレス
• System.Web.Optimizations 1.1.0.0、WebGrease 1.6.5135.21930。WebGreaseを最新にアップデートしてみましたがだめでした
• バンドル ファイルで縮小エラーが発生しません。縮小されていないバージョンのファイルだけです。

このバージョンも試してみました。fontAwsomeBundle.Transforms.Add(new CssMinify());

ASP.NET Web 最適化フレームワークは、CSS の縮小でエラーをスローします。修正を試み、検証し、あらゆることを行いましたが、フレームワークのバグのようです

これは、まだ機能するが機能しないかどうかを確認するための 1 行のテストにすぎません。

背景: HTML 5 Offline App Cache を使用して、マニフェスト ファイルを動的に構築しています。基本的に、マニフェスト ファイルには、ページが要求する各静的ファイルをリストする必要があります。ファイルが実際に静的な場合はうまく機能しますが、私は でバンドルと縮小を使用してSystem.Web.Optimizationいるため、ファイルは静的ではありません。

DEBUG シンボルが読み込まれると (つまり、VS でのデバッグ)、実際の物理ファイルが MVC ビューから呼び出されます。ただし、リリース モードでは、次のような仮想ファイルを呼び出します。/bundles/scripts/jquery?v=FVs3ACwOLIVInrAl5sdzR2jrCDmVOWFbZMY6g6Q0ulE1

だから私の質問: コードでその URL を取得してオフライン アプリ マニフェストに追加するにはどうすればよいですか?

私はもう試した：

に置き換えるだけGenerateBundleResponse()でEnumerateFiles()なく、常に元のファイル パスを返すだけです。

代替の実装の提案も受け付けています。ありがとう。

更新: (7/7/14 13:45)

以下の回答と同様に、この Bundles Registry クラスを追加して、必要な静的ファイルのリストを保持し、すべてのブラウザーでデバッグ モードで動作するようにしました。（以下のコメントを参照）

私はこの解決策に決して満足していません。これを改善できる場合は、提案をしてください。

Google は、小さな CSS と JavaScript をインライン化して Web ページを最適化することを推奨しています。

参照: https://developers.google.com/speed/pagespeed/service/InlineSmallResources

しかし、どの時点でインライン化を停止する必要がありますか? ファイルをインライン化する代わりに参照する方がよい前に、ファイルの推奨最大文字数はありますか?