Как подключить css в react?

Question

[frolldoll]

У меня есть папка img font и css эти 3 папки нужно вставить в реакт проект так что бы они стили работали во всех компонентах , и еще не пойму что делать с папкой img ? ее в uploads лучше со шрифтами а style.css в src или как?
Иерархия следующая -

Answer 1

[Максим]

Если в конфиге вебпака указано все корректно (а тут я думаю create-react-app был), то нужно просто использовать эти файлы, например: <img src="//images/my_image.jpg">

попробуйте запустить проект и в браузере открыть вашу картинку - localhost:3000/images/my_image.jpg

Comments

[frolldoll]

В src их поместит или в uploads
и css подключить в index.html или src/index.js ?

[frolldoll]

Картинки в images да , а css ?

[Максим]

frolldoll, в public кладите все что нужно, например css в директорию css, и подключайте так же:
//css/my_css.css

Но обычно css отдельно нет необходимости подключать. Либо берется сразу с CDN в индекс.хтмл (например стили бутстрапа), либо файлы стилей пишутся внутри приложения и просто импортируются. В create-react-app сразу есть пример подключения css