Как правильно подключить css библиотеку в проект на React + Redux?

Question

[ayapergenov]

Хочу использовать библиотеку css стилей в проекте на React + Redux.
Установил css Библиотеку в node_modules через

npm i materializecss-theme

.
Есть файл app.js, routes.js
Куда и как правильно подключить библиотеку загруженную в node_modules?

Answer 1

[Владислав Поляков]

В свой index html

./node_modules/materializecss-theme/materialize.min.css

И не нужно подключать ее как лишнюю библиотеку Node . Подключайте самым обычным способом через css файл.
Хотите использовать Sass compass watch node_modules/materialize-theme Используйте Ruby, sass and compass are required.

Comments

[ayapergenov]

Подключил в html

[Иван GiBSON]

Я тоже считаю что тащить весь css который есть в приложении сразу не нужно.
Достаточно его подключить в том месте где он нужен
```javascript
import '~materializecss-theme/materialize.min.css';
```

Webpack сам это развернет в полный путь к папке node_modules и подключит его.

Answer 2

[theWaR_13]

А я вот не соглашусь с ответом Владислав Поляков. .html файл должен включать в себя только сгенерированный .js файл. Все остальное должно подключаться либо к конкретному компоненту, либо внутри app.j s (если это какая то глобальная библиотека, которая распространяется на весь проект).

Comments

[Владислав Поляков]

Мне хватает на node использовать jade и less . Большего для сайта не нужно.