rails - 在样式表下创建一个文件夹

Question

在我的app / assets / stylesheets下，我创建了一个文件夹components，因为我喜欢创建特定于每个html组件的样式。这种方式在我的实际sass文件（some_page.scss）中我可以根据我的需要做一些导入。

对于视觉，现在是文件夹结构的样子：

- app
  - assets
    - stylesheets
      - components
        _component1.scss
        _component2.scss
      application.css
      page-specific.scss

现在components我有

_colors.scss // declaring colors for my app
_other_stuff.scss // other stuff...

通常在进行导入时，我首先导入颜色，以便我可以在其余的组件中使用它们。但铁路抱怨道：

  

显示/Users/abdulahmad/Desktop/rails/password-service/app/views/layouts/application.html.erb第5行提出：

     

未定义变量：＆＃34; $ green＆＃34;。

我应该做一些特别的事情告诉rails我想在component文件夹中编译我的sass吗？或者是因为其他原因而抛出此错误？

顺便说一下，这是我的特定于页面的scss文件的内容：

@import 'components/colors';
@import 'components/inputs';

Answer 1

将 application.css 重命名为 application.css.scss

然后application.css.scss文件必须如下所示。

@import "components/*";
@import "page-specific";