コンテキスト: 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 に戻そうとしましたが、まだダイスはありません。
助言がありますか?