Sass模块化--在媒体查询部分中导入附加部分

每个人（希望）都在努力实现代码模块化。我试图做的是有一个主Sass文件，它导入我的所有模块，这些模块是部分的，如果需要，这些部分可以调用它们自己的部分组。我想要的是，不要在我的代码库中调用媒体查询（如这里所述），而是使用一个media.sass文件来管理每个模块不同屏幕大小的所有不同样式

以下是我的Sass文件结构：

    sass
      | styles.sass
      | _media.sass
      | base
          | _variables.sass
          | _mixins.sass
      | menu
          | _menu.sass
          | _menu_mobile_portrait.sass
      | modal
          | _modal.sass
          | _modal_mobile_portrait.sass

这是我的主要Sass文件：

时尚

    @import "base/variables"
    @import "base/mixins"
    @import "menu"
    @import "modal"
    ...
    @import "media"

这里的最后一行是针对_media.sass的，我希望它看起来像这样：

    // #Mobile (Portrait)
    // ==================================================

        // Note: Design for a width of 320px

        @media only screen and (max-width: 767px)
          @import "menu/menu_mobile_portrait"
          @import "modal/modal_mobile_portrait"

---

使用最新的代码包，文件编译没有任何错误；但是，媒体文件中嵌套的导入模块不会显示在已编译的CSS中。

请注意.sass文件中的缩进空白。这就是问题所在。解决了

---

竟然没有给我任何编译错误？也许是因为它嵌套在某个已经被注释掉的东西中？

哦，天哪。这是因为_media.sass文件的内容是嵌套的。问题解决了。我会写一篇关于这个的博客，因为我还没有看到像这样的教程。