，如下图：quickorder文件夹下有一个_index.scss文件，导入styles文件夹下的index：但是没有没有index.scss文件，只有一个_index.scss。但是ctrl+点击上图中第一行代码后，会自动跳转到styles文件夹下的_index.scss文件：查看这个@import的语法：SassextendsCSS'@importrulestobeable导入Sass和CSS样式表，提供对mixins、函数和变量的访问，以及组合来自多个样式表的CSS。与需要浏览器在呈现页面时发出多个HTTP请求的普通CSS导入不同，Sass导入完全在编译时处理。Sass导入的语法与CSS导入相同，除了它们允许多个导入以逗号分隔，而不是要求每个导入都有自己的@import。此外，导入的URL不需要在缩进语法中使用引号。考虑以下两个文件：//foundation/_code.scsscode{padding:.25em;line-height:0;}//foundation/_lists.scssul,ol{text-align:left;&&{填充：{底部：0;左：0；我如何在我的style.scss文件中导入它们？@import'基础/代码','基础/列表';注意语法，在斜杠之后，下划线和扩展名.scss自动消失。当Sass导入一个文件时，该文件被评估为好像它的内容直接出现在@import的位置。导入文件中的任何mixins、函数和变量都可用，并且它们的所有CSS都包含在写入@import的确切位置。更重要的是，在@import之前定义的任何混合、函数或变量（包括来自其他@imports的）都将在导入的样式表中可用。请注意，需要注意双重导入问题：如果多次导入同一个样式表，则每次都会重新评估。如果它只是定义函数和mixins，这通常没什么大不了的，但如果它包含样式规则，它们将被多次编译为CSS。定位导入的scss文件的问题为了确保样式表在每个操作系统上都能正常工作，Sass通过URL而不是文件路径导入文件。这意味着您需要使用正斜杠，而不是反斜杠，即使您使用的是Windows。注意：如下图所示：Windows10使用反斜杠：加载路径所有Sass实现都允许用户提供加载路径：Sass在解析导入时将查找的文件系统路径。例如，如果您将node_modules/susy/sass作为加载路径，则可以使用@import"susy"来加载node_modules/susy/sass/susy.scss。但是，导入总是首先相对于当前文件进行解析。仅当没有与导入匹配的相关文件时才使用加载路径。这确保您在添加新库时不会不小心弄乱相对导入。与其他一些语言不同，Sass不要求您使用./进行相对导入。相对导入始终可用。按照惯例，Partials以_开头，仅用于导入而非自编译Sass文件（如_code.scss中）。这些被称为部分，它们告诉Sass工具不要尝试自己编译这些文件。导入部分时可以省略_。如果您在文件夹中写入_index.scss或_index.sass，则在导入文件夹本身时，该文件将被加载到它的位置。下面是一个例子：_code.scss和_lists.scss是由_index.scss在同一个文件夹中导入的：导入时不需要使用相对路径，或者完成extension.scss。最终生成的css：更多Jerry的原创文章，全部在：《王子熙》：
