Так, например, для HTML у нас есть файл index.html в общей папке, который мы можем ясно видеть. Теперь мой вопрос: как насчет CSS. У меня есть CSS для каждого из моих компонентов реагирующего приложения, но я хочу использовать такие вещи, как переменные и константы, которые работают в приложении. Кто-нибудь, объясните мне это.

1
AmohPrince 4 Фев 2022 в 11:23
Почему у вас есть файл CSS для каждого компонента, а не один для всего проекта?
 – 
Separatrix
4 Фев 2022 в 11:30

2 ответа

Вы должны определить все переменные и константы, которые вы хотите использовать в своем проекте, в одном файле и импортировать в App.js или index.js как файл css.

App.js

import "./style.css"

Стили (классы), которые вы определяете в этом файле, доступны во всем вашем проекте.

1
Zahra Mirzaei 4 Фев 2022 в 12:12

Ну, вам нужно объявить переменные в файле (например, _var.css), но вы должны импортировать этот файл в каждый файл css ваших компонентов, используя @import, но вы можете предотвратить это, если используете библиотеку стилей, такую ​​как styled-components

0
Ossama Ismaili 4 Фев 2022 в 12:07