https://github.com/chloerei/campo/blob/master/app/assets/stylesheets/application.css.scss

CSS 的 import 是 CSS 的 import，SCSS 的 import 是 SCSS 的 import。

#2 楼 @Rei 看来 SCSS 的@import显然可以实现 require 的功能，只是@import不能 require_directory 这么用。

#3 楼 @bydmm 试一试？

This feature will never be part of Sass. One major reason is import order. In CSS, the files imported last can override the styles stated before. If you import a directory, how can you determine import order? There's no way that doesn't introduce some new level of complexity. By keeping a list of imports (as you did in your example), you're being explicit with import order. This is essential if you want to be able to confidently override styles that are defined in another file or write mixins in one file and use them in another.

#4 楼 @Rei http://stackoverflow.com/questions/4778627/is-it-possible-to-import-a-whole-directory-in-sass-using-import or https://github.com/haml/haml/issues/97 似乎 SCSS 官方不太喜欢这个功能。 因为官方认为一次引用一个目录会让用户无法控制引用的顺序。

require 和 @import 一起用.... 按模块划分的 css 用 require，比如

topic.scss
reply.scss

功能性的在 application.scss 用 @import 引入，比如

_reset.scss
_share.scss
_button.scss

因为相同层级的 css 与加载顺序有关，后面的会覆盖前面的，像 reset 这样的个人比较喜欢用 @import 手动加进去

原来@import引入文件有时件也有顺序上的要求

• sprockets require 是拼接编译后的文件
• sass @import 是拼接源文件之后再整体编译

按需使用吧

#3 楼 @bydmm sass 可以 require_directory，有个插件叫做 sass-glob？好像是这个名字，搜一下。

至于文件顺序问题，自己把握。

import scss 文件，测试了一下，有效果。