SCSS导入层次结构

Question

我想在类似的层次结构中构建我的项目CSS：

app {
    interface1 {
        gadget1 {}
    }
}

我想将其分成许多较小的CSS文件：

app.scss
_interface1.scss
_gadget1.scss

我可以像这样导入：

/* app.scss */
app {
    @import 'interface1'
    @import 'interface2'
}

/* _interface1.scss */
interface 1 {
    @import 'gadget1'
}

/* _gadget1.scss */
gadget1 {
    height: 1000px;
    width: 1000px;
    /* ...etc... */
}

或者实现这种最终结构的最佳方法是什么？

Answer 1

回答我自己的问题：是的，可以做到这一点。

下载了SASS并试了一下。