Добавить babel с помощью webpack 4 React

Недавно я узнал, как добавить babel в конфигурацию моего веб-пакета.

Я использую реакцию с машинописным текстом

Я прочитал кучу уроков, и каждый из них делал разные вещи

Я использовал awesome-typescript-loader для загрузки машинописного текста. Я заметил, что без babel, webpack автоматически преобразовал мой код из es6 (стрелочная функция) в es5 (что должно быть ответственностью babel).

Итак, мой вопрос в том, что если я настрою babel, как я узнаю, работает мой babel или нет?

Я заметил, что без babel, webpack автоматически преобразовал мой код из es6 (стрелочная функция) в es5. - это маловероятно, потому что это не входит в обязанности Webpack. Он не может быть преобразован в сам ES5, потому что это не транспилятор. У вас случайно включился загрузчик TS?

— 27.10.2018 11:02

да, я использовал awesome-typescript-loader. Не знаю почему, но моя стрелочная функция преобразована в function () {}.

— 27.10.2018 11:04

Потому что TS - транспиллер. Он может переносить ES6 в ES5. Это одна из его особенностей. Используйте TS или Babel. Оба они вам не нужны.

— 27.10.2018 11:16

У вас есть документация, показывающая, что нам просто нужно использовать один из них. Есть @ babel / preset-typescript, @ babel / typescript. Вавилон играет здесь несколько ролей

— 27.10.2018 11:28

Нашел хорошую статью: iamturns.com/typescript-babel

— 27.10.2018 11:31

У вас есть документация, показывающая, что нам просто нужно использовать один из них? - Я не знаю, это просто разумно. Они решают ту же задачу, когда речь идет о преобразовании ES6 в ES5. Наличие @ babel / typescript не означает, что вы должны его использовать. Это для людей, которым удобнее работать с Babel или которые нуждаются в нем по каким-то причинам (он поддерживает пользовательские преобразования, а TS - нет).

— 27.10.2018 11:38

reactjs webpack babeljs

27.10.2018 11:00

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...