Импортировать пользовательские таблицы стилей в app.scss

Question

Я новичок в стилизации с использованием app.scss для нового create-реагировать на приложение и хотел бы знать следующее:

1. Должен ли я хранить все файлы .scss и .css в папке стилей?
2. Если я хочу импортировать все из них в app.scss, как мне это сделать? идти делать это?

Я заметил, что app.scss делает следующее:

1. @import '~bootstrap/scss/bootstrap'
2. $fa-font-path: '~@fortawesome/fontawesome-free/webfonts'

Когда я пытался это сделать: @import './myStyles.css' он не поднимается. Я не уверен, что происходит.

Причина, по которой я с радостью добавляю его в файл app.scss, заключается в том, что я создал переключатель, который позволяет мне переключаться между темной и светлой темами. Однако я не могу добавить привычную тему к существующим темам.

Надеюсь, мой вопрос ясен

Answer 1

Вот ответ на ваш запрос-

1. Должен ли я хранить все файлы .scss и .css в папке стилей?- для этого вам нужно создать две папки, одну из них - css, а другую - sass (лучший подход)

2.Если я хочу импортировать все из них в app.scss, как мне это сделать?? - "@import 'reset';"нет необходимости в расширении scss

Если вы работаете над большим проектом, я бы посоветовал вам лучше следовать этой структуре.

внутри папки sass или scss создайте подпапку для diffrentработает как vendor, module, частиц и т. д. как modules / _colors.scss и имеет следующую структуру

// Модули и переменные

@ import "partials / base";@import "partials / buttons";

Надеюсь, это поможет.