@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
  • Вопрос задан
  • 375 просмотров
Решения вопроса 1
@davidnum95
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы