如何組織js，css和scss文件進行正確的導入和管道操作？

最近我買了資產的資產主題文件夾爲： -如何組織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

現在，我需要用在軌資產管道的主題和組織爲： -

1）保持所有* .js文件上面（1）沒有的文件。內/應用/資產/ JavaScript的文件夾和文件的application.js的代碼是： -

require rails-ujs 
require turbolinks 
require_tree .

（JS文件導入，並沒有錯誤，我認爲，因爲所有文件都在JavaScript的目錄）

2 ）將上面第2點的所有* .css文件保存在/ app/assets/stylesheets中。
3）將assets/sass/main.scss保存在/ app/assets/stylesheets的第3點。
4）保持儀表盤文件夾中的4點以上/應用/資產/樣式表和application.css文件內容爲： -

require_self 
require_tree .

我認爲這應該工作，因爲所有的CSS是由require_tree進口。而「main.scss」從儀表板目錄導入文件。但是我從「main.scss」文件導入的「_variables.scss」中定義的變量中得到「Variable not found $ font-weight-bold sass error」。我該如何解決這個問題，以及資產組織應該是什麼。

謝謝全部。

來源

2017-07-18 codemilan

我已經建立了礦山的路上，工作，但我不知道它的約定（ - 指夾，+意味着文件）：

-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

和圖像/圖像文件夾

來源

2017-07-18 11:44:49 maverick5

如何組織js，css和scss文件進行正確的導入和管道操作？

回答

相關問題