Добавление CSS в реагирующий проект, такой как angular cli script. Является ли это возможным?

Question

Я angular пользователь, и у меня в руках новый проект, который мне нужно научиться реагировать. Я в самом начале, и мои сомнения очень просты, я думаю. Итак, в angular вы можете добавить свой css в файл angular. json (стили), верно? И это css доступно для всех компонентов, которые вы создадите. Итак, в ответ я смотрю и смотрю, и я не могу найти ответ. Единственный способ - импортировать файл во все компоненты? У меня есть css файл, который мне нужен для всех компонентов, и я не хочу импортировать этот файл во все компоненты. Есть ли другой способ реагировать? Спасибо за ответы.

Answer 1

Предположим, это код в ваших стилях. css файл.

.container{
background: goldenrod;
height: 80vh;
}

Затем вы можете связать этот файл в любом компоненте React, например:

import React from 'react';
import classes from './styles.css';

class Cont extends Container{

render(){
 return (

   <div className={classes.container}>
       <p>Hi</p>
   </div>
)
}
}