Sass 如何组织js、css和scss文件以进行适当的导入和管道化？

最近我买了一个主题，资产文件夹中的资产如下：-

 1) assets/js/something.js  
2) assets/css/something.cs  
3) assets/sass/main.scss (with import statements for files inside 3 no. dashboard folder and sub-folders inside dashboard)  
4) assets/sass/dashboard/_variable.scss  
5) assets/sass/dashboard/mixins/something.scss  
6) assets/img/something.jpg  
7) assets/img/faces/some.png  

现在，我需要在rails资产管道中使用主题，并将其组织为：-

1将所有*.js文件保存在/app/assets/javascripts文件夹内的上述1个文件中，在application.js文件中，代码为：-

require rails-ujs  
require turbolinks  
require_tree .

Js文件被导入，我认为没有错误，因为所有文件都在javascripts目录中

2将所有*.css文件保存在上述第2点的/app/assets/stylesheet中。 3将上述第3点中的assets/sass/main.scss保存到/app/assets/stylesheets。 4将上面第4点中的仪表板文件夹保存到/app/assets/stylesheets，application.css文件内容如下：-

require_self  
require_tree .

我认为这应该是可行的，因为所有的css都是通过require_树导入的，main.scss已经从dashboard目录导入了文件。但我从main.scss文件导入的_variables.scss中定义的变量中得到变量not found$font-weight bold sass错误。我如何解决这个问题，资产组织应该是什么

---

谢谢大家。

我的设置方式很有效，但我不知道它的约定-是指文件夹，+是指文件：

-stylesheets
  -base 
   + globals.scss
   + mixins.scss
   + normalize.scss
   + variables.scss

  - styles
   + login.scss

  + applicaion.css.scss  
     require_self 
     require main

  + mains.scss here is where i import all the files
     @import "base/mixins.scss";
     @import "base/normalize.scss";
     @import "base/globals.scss";
     @import "base/variables.scss";
     // login
     @import "styles/login.scss";

- javasctipts
   + application.js 
     //= require something
     //= require_tree

   + something.js

和“asssts/image”文件夹中的图像