Архитектура файлов SASS?

Question

[Breeze1]

До этого верстал исключительно лендинги, сейчас стал вопрос как организовать структуру файлов SASS на большом проекте. По привычке стили главной страници писал в main.sass, файл который компилируется. У каждой внутренней страници есть свой SASS файл, они без проблем импортируется в main, но как стили main файла импортировать во внутрение ? Это возможно ? галп очень ругается )) Помогите пожалуйста

Comments

[sim3x]

Зачем на внутренних загружать стили из мейна заново?

[Breeze1]

sim3x, венести все однотипные блоки в один файл, и подгружать ко всем ?

[sim3x]

Breeze1, да

Answer 1

[Вадим]

у меня примерно такая структура файлов:

_b // БЭМ компоненты
    _slider.scss
    _auth.scss
    _index.scss // все файлы ипортируются сюда
rewrite // перезапись сторонних библиотек
    _bootstrap.scss
    _select2.scss
    _index.scss // все файлы импортируются сюда
fonts // шрифты
    _roboto.scss
    _index.scss  // все файлы импортируются сюда
_helpers.scss // файл полезных фишечек
_normalize.scss
styles.scss // на этот файл смотрит gulp. Сюда включаются все файлы index.scss из папок и файлы хелпера и нормалайза.

В твоем случае: ты можешь указать импорт из вне:
@import '../../main.scss';

Только следи чтобы не зациклился импорт, gulp будет ругаться.

Comments

[Breeze1]

Спасибо

[Breeze1]

Breeze1, я так понимаю styles.scss пустой ? Я имею ввиду, там код вы не пишете ?