新规则未从部分 .scss 文件馈送到主 .css 文件

Question

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

这是我的 Razor HTML 的选择（请注意 class 是“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”。

如有任何帮助，我们将不胜感激！

Answer 1

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

新规则未从部分 .scss 文件馈送到主 .css 文件

New rules are not feeding from a partial .scss files into the main .css file

html

css

sass

blazor

partial