sass 会在其编译输出中包含空样式块吗？

Question

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

.new-header-main-content {

    .header-inner-content {

        .left-column {

            a {
                img {
                }
            }
        }

        .right-column {


            .desktop-hamburger-menu {
            }
        }
    }
}

Answer 1

您可以使用https://www.sassmeister.com进行检查。其实暂时不用的option write smth也不好，遵循KISS原则。因此，在您的示例中编译的 CSS 将为空。

Answer 2

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

sass 会在其编译输出中包含空样式块吗？

Will sass include empty style blocks in its compiled output?

css

performance

sass

gulp-sass