Какая файловая структура проекта предпочтительнее?

Разрабатываю файловую структуру нового проекта и задумалась, как предпочтительнее. Есть два варианта:

вынос всех переменных в папку с переменными
оставить файл с переменными в разрабатываемых блоках

Вариант 1

   scss/
        blocks/
            menu/
                _common     # css menu
            list/
                _common     # css list
            form/
                input/
                    _common # css input
                label/
                    _common # css label
                button/
                    _common # css button
        variables/
            _menu           # variables menu
            _list           # variables list
            form/
                _input      # variables input
                _label      # variables label
                _button     # variables button
            _common         # variables form
    main                    # all variables and css

Вариант 2

   scss/
        blocks/
            menu/
                _variables
                _common          # css and variables
            list/
                _variables
                _common          # css and variables
            form/
                input/
                    _variables
                    _common      # css and variables
                label/
                    _variables
                    _common      # css and variables
                button/
        variables/
            _common              # variables design page
    main                         # all variables and css

Какой из вариантов построения файловой структуры предпочтительнее?

Заранее спасибо за знания!

7 years ago

tadatuta

Второй вариант более удобен — при необходимости перенести какой-либо блок на другой проект, нужные ему переменные не потеряются.

7 years ago

loratokareva

В том же направлении вопрос. Если есть для примера: header, ...., footer состоящие из отельных самостоятельных блоков надо ли каждый из блоков выносить отдельно ?

Вот как-то так?

scss/
   blocks/
       contact/
           theme/
              theme1/
                   _common     # css and variables
                   _variables  # only variables
                   _contact    # css
              theme2/
                   _common     # css and variables
                   _variables  # only variables
                   _contact    # css                                       
       _common                 # all commons 
       _variables              # variables contact
       _contact                # css contact


       adress/
           theme/
              theme1/
                   _common     # css and variables
                   _variables  # only variables
                   _contact    # css
              theme2/
                   _common     # css and variables
                   _variables  # only variables
                   _contact    # css                          
       _common                 # all commons 
       _variables              # variables adress
       _adress                 # css adress

   _variables                  #  design variables
   _design                     #  design css
   main                        # basic  --> css

7 years ago

tadatuta

Мы каждый блок выносим. В целом подход к файловой структуре описан в https://ru.bem.info/methodology/filestructure/

7 years ago

loratokareva

Спасибо)

Чтобы оставлять комментарии, необходимо авторизоваться.