Иногда кассета не переписывает правило фонового изображения

Контекст: http://getcassette.net/documentation/stylesheets

В частности:

URL-адреса изображений в CSS переписаны. Например, файл ~/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;
}

И кассета должна переписать его, и браузер фактически получает это правило:

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

И изображение отображается нормально.

В этом конкретном случае, используя ту же идею, фоновое правило не переписывается кассетой, и пользователи получают обычное правило, которое я вручную ввел в файл.less.

Вот факты:

  • Рабочие и нерабочие правила находятся в одном файле.less.
  • Изображение правильно в моем проекте Visual Studio, в папке /Public/images,
  • Используя веб-инструмент Google Chrome, я вижу правило background: url("/Public/image/blue-rib.png") no-repeat; - Не переписано так, как должно быть на кассете.

Любые идеи о том, что может быть причиной этого?

Я попытался изменить на debug = false в web.config, запустив приложение, и ничего не работает.

Попытался переключиться обратно на отладку = истина и все еще без игры в кости

Какие-либо предложения?

1 ответ

Существуют ли изображения на диске? Кассета пропускает изображения, которые она не может найти.

Кроме того, работает ли переход на CSS относительные URL?

Другие вопросы по тегам