2

コンテキスト: http://getcassette.net/documentation/stylesheets

具体的には:

CSS の画像 URL が書き換えられます。たとえば、ファイル ~/styles/main.css の内容は次のとおりです。

body { background-image: url(img/bg.jpg); }

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

body { background-image: url(/_assets/images/styles/img/bg_25cb72e61bd5ag2_jpg);

たとえば、私の特定のケースでは、.less ファイルに次のようなルールがあるとします。

.ribbon {
    background: url("/Public/image/blue-rib.png") no-repeat;
}

Cassette はそれを書き換えることになっており、ブラウザは実際に次のルールを受け取ります。

.ribbon {    
    background: url("/_cassette/file/Public/images/blue-rib_81ab1e7f2fdb27c91a9e9b41eed420390e21f7e0.png") no-repeat;
}

そして、画像は正常に表示されます。

この特定のケースでは、同じ考え方を使用して、バックグラウンド ルールカセットによって書き換えられず、ユーザーは手動で .less ファイルに入力した通常のルールを受け取ります。

事実は次のとおりです。

  • 有効なルールと無効なルールは両方とも同じ .less ファイルにあります。
  • 画像は私の Visual Studio プロジェクトのフォルダーに正しくあります/Public/images
  • Google Chrome Web ツールを使用すると、ルールが「background: url("/Public/image/blue-rib.png") no-repeat;カセットによって書き換えられていない」であることがわかります。

これの原因は何ですか?

web.config で debug=false に変更して、アプリを実行しようとしましたが、何も機能しません。

debug=true に戻そうとしましたが、まだダイスはありません。

助言がありますか?

4

1 に答える 1