Ссылка CSS без точек не работает в режиме выпуска (с Combress)

я использую безточечный css. это мой код

.jqmWindowBig
{
    width: 800px;
    height: 500px;
    margin-left: -400px;
    margin-top: -250px;
    .jqmWindowCommon;
}

.jqmWindowCommon {
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 12px;
    overflow: auto;
}

Когда я нахожусь на своей машине в режиме отладки, все файлы css (также этот файл main.less) упоминаются отдельно.

В этом случае класс jqmWindowBig представляет собой комбинацию классов jqmWindowBig и jqmWindowCommon, и все работает нормально.

Теперь при производстве combress создает один большой файл из всех моих файлов CSS, а затем CSS буквально содержит код, который я ввел в файл .LESS, поэтому раздел .jqmWindowCommon не заменяется разделом 'jqmWindowCommon', поэтому jqmWindowBig неполный.

Это моя конфигурация компресса:

<resourceSets url="~/combres.axd"
                defaultDuration="30"
                defaultVersion="auto"
                defaultDebugEnabled="auto"
                defaultIgnorePipelineWhenDebug="true"
                localChangeMonitorInterval="30"
                remoteChangeMonitorInterval="60"
                >

    <resourceSet name="siteCss" type="css" >
      <resource path="~/Content/StyleSheet/start.css" />
      <resource path="~/Content/StyleSheet/Site.css" />
      <resource path="~/Content/StyleSheet/reset.css" />
      <resource path="~/Content/StyleSheet/screen.css" />
      <resource path="~/Content/StyleSheet/razortemplates.css" />
      <resource path="~/Content/StyleSheet/logonsmall.css" />
      <resource path="~/Content/StyleSheet/ui-lightness/jquery-ui-1.8.23.custom.css" />
      <resource path="~/Content/StyleSheet/MainLess.LESS" />
    </resourceSet>

Итак, вкратце: ссылка .jqmWindowCommon; не заменяется при работе в режиме выпуска.

РЕДАКТИРОВАТЬ, это не только то, что не работает, я вижу, что такие правила

width: @planningEventItemWidth;

также не работают, поэтому в сочетании с Combress> никакие функции .LESS не работают.


person Michel    schedule 11.01.2013    source источник
comment
Используете ли вы @import stylesheetname.css; в файле .less?   -  person Peter Campbell    schedule 24.01.2013
comment
Нет, в файле .less нет импорта   -  person Michel    schedule 24.01.2013


Ответы (2)


В вашей конфигурации combres отсутствует фильтр для LESS:

<filters> 
  <filter type="Combres.Filters.DotLessCssFilter, Combres" />
</filters>
person CassOnMars    schedule 24.01.2013
comment
Я дал вам баллы за ответ, я проверю завтра, работает ли он. - person Michel; 24.01.2013

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

Обновлено *Подтверждено, что фильтры относятся к ResourceSet:* https://github.com/buunguyen/combres/issues/5#issuecomment-12915712

Вы можете заставить его работать, используя фильтр без точек и перемещая меньше файлов в отдельный набор ресурсов следующим образом:

<filters>
  <filter type="Combres.Filters.DotLessCssCombineFilter, Combres" 
    acceptedResourceSets="siteLess"/>
</filters>
<resourceSet name="siteLess" type="css">
  <resource path="~/Content/StyleSheet/MainLess.LESS" />
</resourceSet>

Надеюсь, это поможет.

person NATO24    schedule 28.01.2013