为什么我需要多次@import我的SCSS文件以防止错误?

时间:2014-02-22 03:18:09

标签: import sass

我正在使用以SCSS格式提供的一些第三方样式。我正在定制它,所以我使用SCSS而不是将CSS导入我的SCSS文件。

这是我的SCSS文件的架构。

> scss (folder)
> --third-party-code (folder)
> ----extras (folder)
> ------jquery.plugin.header.scss
> ------jquery.plugin.footer.scss
> ----third-party-code-main.scss (includes imports)
> --modules (folder)
> ----_header.scss
> ----_footer.scss
> ----_navigation.scss
> --_third-party-code.scss
> --_modules.scss (includes imports)
> --styles.scss (includes imports)

如果我没有@import我定义我的变量,mixins和sprites的SCSS文件,有人可以告诉我为什么我不断定义这些“mixin”,“variable”或“sprite”未定义?

执行此操作会导致两个相同的精灵图像出现在我的CSS中,这会破坏我在页面上使用精灵的图像。

为什么第三方SCSS文件的处理方式与我在“scss / modules”目录中包含的SCSS文件的处理方式不同?

如果我需要提供任何其他信息,请与我们联系。

1 个答案:

答案 0 :(得分:2)

将下划线前缀添加到与模块中的文件相同的第三方文件,然后导入它们。很高兴它有帮助〜