sass在编译输出中是否包含空样式块？

Question

我有时会要求我的团队在与标记结构相匹配的sass文件中留下空样式块，这样其他开发人员就不必花时间重新创建这个脚手架结构以便在组件时不会写入标记尚未最终确定。它还使结构从一个断点到另一个断点保持一致，避免了平板电脑覆盖移动优先样式的任何特殊性问题。然后，他们可以在必要时快速轻松地在其位置添加样式。如果我们在组件完成时不删除这些空块，是否会将它们包含在编译和缩小的输出中？

.new-header-main-content {

    .header-inner-content {

        .left-column {

            a {
                img {
                }
            }
        }

        .right-column {


            .desktop-hamburger-menu {
            }
        }
    }
}

Answer 1

您可以使用https://www.sassmeister.com进行检查。 实际上，按照KISS原则，这个时刻没有使用它是不好的选择。因此，在您的示例中，编译的CSS将为空。

Answer 2

不，它们不包含在已编译的css文件中。此代码不会在CSS文件中输出任何内容。