Я новичек в React. Начал использовать
create-react-app.
До этого всегда писал на чистом CSS. Сейчас осваиваю Sass и Autoprefixer.
Вижу в документации, что из коробки (т.е. без команды
npm run eject) должны работать и Sass и Autoprefixer.
С Sass все заработало, в вот
Autoprefixer никак не работает.
browserslist пробовал такой для теста:
"browserslist": {
"production": [
"since 2010"
],
"development": [
"since 2010"
]
},
В связи с этим вопросы:
Как нужно организовывать CSS в приложении?- Писать стили по БЭМ в каждом scss-файле и импортировать в каждый react-компонент?
Как в этом случае должен работать Autoprefixer? Нужно ли в таком случае использовать html-autoprefixer т.к. скомпиленный CSS попадает в HTML в раздел <head>?
- Импортировать в index.js главный main.scss, внутри которого уже собирать все остальные через import?
Как в этом случае должен работать Autoprefixer?
Как вообще настроить эту связку
PreCSS (sass) -> CSS -> PostCSS (autoprefixer)?
Простой
Средний
