pashakiz
@pashakiz
web dev

Почему в create-react-app не работает Autoprefixer и как правильно организовать работу с pre/post CSS в React.js приложении?

Я новичек в React. Начал использовать create-react-app.
До этого всегда писал на чистом CSS. Сейчас осваиваю Sass и Autoprefixer.
Вижу в документации, что из коробки (т.е. без команды npm run eject) должны работать и Sass и Autoprefixer.
С Sass все заработало, в вот Autoprefixer никак не работает.

browserslist пробовал такой для теста:
"browserslist": {
    "production": [
      "since 2010"
    ],
    "development": [
      "since 2010"
    ]
  },


В связи с этим вопросы:
Как нужно организовывать CSS в приложении?
  1. Писать стили по БЭМ в каждом scss-файле и импортировать в каждый react-компонент?
    Как в этом случае должен работать Autoprefixer? Нужно ли в таком случае использовать html-autoprefixer т.к. скомпиленный CSS попадает в HTML в раздел <head>?
  2. Импортировать в index.js главный main.scss, внутри которого уже собирать все остальные через import?
    Как в этом случае должен работать Autoprefixer?


Как вообще настроить эту связку PreCSS (sass) -> CSS -> PostCSS (autoprefixer)?
  • Вопрос задан
  • 62 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы