4

私はドットレス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、すべて正常に動作します。

現在、本番環境では、compress はすべての CSS ファイルの 1 つの大きなファイルを作成し、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 機能は機能しません。

4

2 に答える 2