Comment puis-je organiser les fichiers js, css et scss pour une importation et un pipelining corrects?

Question

Récemment, j'acheté un thème avec des actifs dans des dossiers Assets comme: -

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 

Maintenant, je dois utiliser le thème dans des rails pipeline actifs et organisés comme: -

1) conservait avec soin toutes * .js fichiers ci-dessus (1) non. intérieur/app/assets/javascripts dossier et fichier application.js le code est le suivant: -

require rails-ujs 
require turbolinks 
require_tree . 

(fichiers Js sont importés et aucune erreur, je pense, puisque tous les fichiers sont dans le répertoire javascripts)

2) a conservé tous les fichiers * .css dans/app/assets/stylesheets à partir du point 2 ci-dessus.
3) gardé assets/sass/main.scss au point 3 ci-dessus à/app/assets/stylesheets.
4) maintenu dossier de tableau de bord au point 4 ci-dessus pour/app/assets/feuilles de style et le contenu du fichier de application.css est aussi: -

require_self 
require_tree . 

Je pense que cela devrait fonctionner puisque tous css est importé par require_tree .And le "main.scss" a des importations pour les fichiers du répertoire du tableau de bord. Mais je reçois "Variable introuvable $ erreur-sass police-poids-gras" de la variable définie dans "_variables.scss" importé du fichier "main.scss". Comment puis-je résoudre cela et quelle devrait être l'organisation des actifs.

Merci à tous.

Answer 1

la façon dont je l'ai mis en place le mien, fonctionne, mais je ne sais pas si la convention (- signifie dossier, + signifie fichier):

-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 

et des images dans les asssts/dossier d'image