新规则不会从部分 .scss 文件馈入主 .css 文件

问题描述

我已经在这个 Blazor 项目上工作了一段时间，直到最近，我的部分 .scss 文件中的所有 css 都已输入到我的 styles.css 文件中。现在，当我编辑我的任何 .scss 文件时，这些编辑不会进入到 style.css 文件中。

这是我的 Razor HTML 的一个选择（注意类是“gridBtn”）：

@page "/TelerikGridSelect"

<h3>TelerikGridSelect</h3>

<div class="pageSize">
    <DxDataGrid Data="@GridData">
        <HeaderTemplate>
            <DxToolbar>
                <DxToolbarItem Name="btnAdd"
                               Text="Add"
                               Tooltip="ToolTip"
                               CssClass="gridBtn" />
                <DxToolbarItem Name="btnAddFrom"
                               Text="Add From"
                               Tooltip="ToolTip!"
                               CssClass="gridBtn" />
            </DxToolbar>
        </HeaderTemplate>
    </DxDataGrid>
</div>

这是 _grids.scss 的相关部分（变量列在 _variables.scss 中并在其他地方工作）：

.gridBtn {
    color: $primary_text_color;
    background-color: $primary_color;
}

我的styles.scss 文件包含@import "grids";，但styles.css 在任何地方都没有“gridBtn”。

任何帮助将不胜感激！

解决方法

您需要检查输出文件和您的 SCSS 编译过程，以确保您的输出文件正在编译。检查数据戳。