Cyberial
@Cyberial
Alone kitten Meow :)

Как подключить главные файлы стилей для разроботки, чтоб каждый раз не импортировать их в другие sass файлы?

Я возле каждого компонента прописываю sass,scss стили, и получается что нужно для каждого файла подключать мои @mixin и переменные в виде - $fz50h: 50px; которые лежат в отдельном файле, как подключить это для проэкта? Чтоб в каждом файле стилей не прописывать подобную конструкцию?
@import '../../css/base/typography'
@import '../../css/base/mixin'
  • Вопрос задан
  • 495 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега Sass
frontend developer
Вот здесь я показывал, как это делается в Vue. VueJS: где лучше хранить css, в компонентах .vue или main.css?
Так как вся суть в настройке webpack лоадера, то и к реакту можно прикрутить
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@natalia1satsyuk
Файлы с основными стилями поместите в папочку, например, "base";
Файлы с остальными стилями (модули, компоненты) поместите в другую папочку, например, "other";
И на одном уровне с этими папочками создайте файл, например style.scss, куда импортируйте главный style.scss с папки base и главный style.scss с папки other.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы