Size: a a a

ECMAScript Developers

2020 June 15

LF

Libron FCB in ECMAScript Developers
вот тут фрагмент с лоадерами, js и jsx
источник

KS

Kutman Soronbaev in ECMAScript Developers
babel/core babel/preset-env babel/preset-react ?
источник

LF

Libron FCB in ECMAScript Developers
Kutman Soronbaev
babel/core babel/preset-env babel/preset-react ?
да, это все установил. Также создал конфиг .babelrc и добавил пресеты

"presets": [
   "@babel/preset-env",
   "@babel/preset-react"
 ]
источник

α

αμαν in ECMAScript Developers
Libron FCB
Ребят, подскажите, изучаю Вебпак. Все настроил с нуля, НО есть одна проблема: JSX синтаксис не распознает.
В какую сторону копать ? Я понимаю что это в конфиге вебпака дело, чет не недопру где косяк
В переменной App лежит не компонент, а React element
источник

LF

Libron FCB in ECMAScript Developers
αμαν
В переменной App лежит не компонент, а React element
Это да, проблема в не распозновании jsx
источник

LF

Libron FCB in ECMAScript Developers
вот другой, получше пример )
Понимает все, даже классы, но не JSX
источник

АД

Адылбек Джороев... in ECMAScript Developers
Libron FCB
вот другой, получше пример )
Понимает все, даже классы, но не JSX
В качестве парсера в eslint надо указать babel-eslint
источник

АД

Адылбек Джороев... in ECMAScript Developers
npm install eslint babel-eslint --save-dev


.eslintrc.js
module.exports = {
 parser: "babel-eslint",
};
источник

LF

Libron FCB in ECMAScript Developers
Адылбек Джороев
В качестве парсера в eslint надо указать babel-eslint
Да, есть.
источник

АД

Адылбек Джороев... in ECMAScript Developers
Тогда видимо осталось в самом webstorm указать, чтобы настройки eslint брал с локального файла проекта
источник

LF

Libron FCB in ECMAScript Developers
Адылбек Джороев
Тогда видимо осталось в самом webstorm указать, чтобы настройки eslint брал с локального файла проекта
Видимо да, сейчас покапаюсь в этом направлении. Потому что я заметил, что компилится нормально  (success) а вот "что то" не подхватывается.
источник

АД

Адылбек Джороев... in ECMAScript Developers
возможно надо еще
https://github.com/yannickcr/eslint-plugin-react
источник

АД

Адылбек Джороев... in ECMAScript Developers
я вручную почти никогда eslint не настраивал)
источник

α

αμαν in ECMAScript Developers
Вопрос зачем вообще через еслинт лодер что-то делать) только замедляет работу
источник

LF

Libron FCB in ECMAScript Developers
Кажись не в линтере дело. Я полностью удалил, везде почистил следы, и разницы не видать
источник

LF

Libron FCB in ECMAScript Developers
αμαν
Вопрос зачем вообще через еслинт лодер что-то делать) только замедляет работу
не обязательно да ?
источник

α

αμαν in ECMAScript Developers
Разве что cra так работает, но он полон странных решений
источник

α

αμαν in ECMAScript Developers
Libron FCB
не обязательно да ?
Линтер можно отдельным скриптом гонять, да
источник

α

αμαν in ECMAScript Developers
snowpack кто-то пробовал? вроде крутая штука для разработки (очень быстро работает, правда на большом проекте не пробовал)
источник

α

αμαν in ECMAScript Developers
а продакшн сборку уже можно на вебпаке как обычно сделать
источник