Question

在我们当前的项目应用程序中，我希望最终能够清理我们的CSS / SASS资产。在我查看我们的内容时，我们的文件中包含大量的@imports，即一些全局变量包含在一个单独的文件中，我们将该文件导入顶部的其他几个样式表中。但是，在我们的platform.scss（几乎是我们的application.scss）中，我在顶部调用@import所有的全局变量文件。是否有必要在每个需要它的样式表的顶部@import其他样式表，或者我可能只是@import在platform.scss顶部的那些全局样式表，所以我只需要导入一次。

我的Gemfile.lock的片段。

rails (4.1.14.2)
  actionmailer (= 4.1.14.2)
  actionpack (= 4.1.14.2)
  actionview (= 4.1.14.2)
  activemodel (= 4.1.14.2)
  activerecord (= 4.1.14.2)
  activesupport (= 4.1.14.2)
  bundler (>= 1.3.0, < 2.0)
  railties (= 4.1.14.2)
  sprockets-rails (~> 2.0)
sass (3.4.13)
 sass-rails (5.0.1)
  railties (>= 4.0.0, < 5.0)
  sass (~> 3.1)
  sprockets (>= 2.8, < 4.0)
  sprockets-rails (>= 2.0, < 4.0)
  tilt (~> 1.1)

Answer 1

您可以在全局样式表的开头一次导入它！只需确保将其导入最顶层，否则另一个依赖导入的样式表可能无效。订单很重要。

Sass-Rails @import，是否必须在每个样式表或application.scss中导入全局导入？

1 个答案: