4

ASP.NET MVC 4 のバンドルおよび縮小機能に問題があります。基本的に、次のバンドル設定があります。

        bundles.Add(new StyleBundle("~/backendcss").Include(
                    "~/backendContent/bootstrap/css/bootstrap.min.css",
                    "~/backendContent/assets/jui/css/jquery-ui.css",
                    "~/backendContent/assets/jui/jquery-ui.custom.css",
                    "~/backendContent/plugins/uniform/css/uniform.default.css",
                    "~/backendContent/plugins/fullcalendar/fullcalendar.css",
                    "~/backendContent/plugins/fullcalendar/fullcalendar.print.css",
                    "~/backendContent/assets/css/fonts/icomoon/style.css",
                    "~/backendContent/assets/css/main-style.css",
                    "~/backendContent/plugins/pnotify/jquery.pnotify.css",
                    "~/backendContent/plugins/msgbox/jquery.msgbox.css",
                    "~/backendContent/IntroJS/css/introjs.css"));

それらがページに配置されると、次のようになります。

<link href="/backendContent/assets/jui/css/jquery-ui.css" rel="stylesheet"/>
<link href="/backendContent/assets/jui/jquery-ui.custom.css" rel="stylesheet"/>
<link href="/backendContent/plugins/uniform/css/uniform.default.css" rel="stylesheet"/>
<link href="/backendContent/plugins/fullcalendar/fullcalendar.css" rel="stylesheet"/>
<link href="/backendContent/plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet"/>
<link href="/backendContent/assets/css/fonts/icomoon/style.css" rel="stylesheet"/>
<link href="/backendContent/assets/css/main-style.css" rel="stylesheet"/>
<link href="/backendContent/plugins/pnotify/jquery.pnotify.css" rel="stylesheet"/>
<link href="/backendContent/plugins/msgbox/jquery.msgbox.css" rel="stylesheet"/>
<link href="/backendContent/IntroJS/css/introjs.css" rel="stylesheet"/>

  1. 最初の問題は、Tilda~がリンクの先頭に来ていないことです。これが問題の 1 つだと思います (サイトが適切にレンダリングされない) 現在、上記のすべての CSS スタイルシートは解決されていますが、多くのインポートと相対 URL (画像）そして、それらが台無しになっていると思います（バンドルがなければ、~/backendContent/....すべてがうまく機能していることを示すだけです

  2. 2 番目の問題は、BundleTable.EnableOptimizations = true;さらに多くの問題があり、さらに掘り下げると、(4368,1): ランタイム エラー CSS1019: Unexpected token, found '@import' (4368,9): run- の膨大なリストが表示されることです。時間エラー CSS1019: 予期しないトークン、'url("layout.css")' が見つかりました

これが重要かどうかはわかりませんが、生成された縮小およびレンダリングされたスタイルのリンク@Styles.Render("~/backendcss")は次のとおりです。

 <link href="/backendcss?v=eMX6YcVB78xPWZV9Dw6seHqsT742J8_M1irfUC0IdaQ1" rel="stylesheet"/>

何か案は？申し訳ありませんが、この機能を使用するのはこれが初めてで、このサイトには非常に多くの css と js があるため、多くの帯域幅を節約し、サイト全体を高速化できます。さらに、単純にクールです（つまり、動作させることができれば）!!!

4

3 に答える 3

1

  1. は~レンダリングされません。それはasp.netの特殊文字です。つまり、the root of the application

  2. 実際の縮小に問題がある理由はわかりませんが、ソースがないと診断するのはかなり難しいでしょう.

  3. 最適化されたときのリンクは、そのように見えるはずです。最後の ?v=xxx は、css ファイルを変更したときに更新された css を取得できるようにするためのキャッシュ無効化用です。

于 2013-08-01T06:00:43.367 に答える