Задать вопрос
@webe
frontend

Как использовать JS файлы c prettier в react?

Всем привет, помогите плиз разобраться, на код особо не смотрите это демка для обучения.
Вопрос касается конфигурации Eslint + Prettier и как правильно сделать так что бы я мог использовать JS файлы вместо JSX.

ЧТО ЕСТЬ:
0) Webpack 4.6.0 / IDE = VSCODE
1) Я не использую CRA, ибо стадия обучения и хотелось бы понимать, как там все под капотом.
2) В webpack.config.js я добавил следующую строку: resolve: { extensions: ['.js', '.jsx'] }
3) Конфигурация .eslintrc https://jsfiddle.net/bz50becc/

ЦЕЛЬ:
1) Хотелось бы научить IDE (prettier), что бы он применял такие же правила к JS как и к JSX файлам.
Когда я использовал JSX - все работало как часы.
На скрине показано как выглядит результат работы Prettier в разных режимах.
Единственное решение, которое я нашел, это вручную менять языковое расширение для всех *.js файлов в IDE с "Javascript" на "Javascript react"
Но решение думаю так себе, просто я смотрел видео, у многих людей как-то работает всё без JSX (т.е. работало в JavaScript режие)

5b0e8c5c4e52f734827470.jpeg
  • Вопрос задан
  • 394 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
@davidnum95
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽