Телеграмм чат группы react

доброй ночи, а кто нибудь знает как сделать так, чтобы в результирующий файл собрать только React компоненты, со всеми зависимостями, без React и ReactDOM, которые подключить отдельно на странице через script ?

источник

02:49пожаловаться #6

АР

Андрей Рудин... in React — русскоговорящее сообщество

вот например parcel используешь, он все сразу в один bundle упаковывет, вместе с React и ReactDOM

источник

02:50пожаловаться #7

АР

Андрей Рудин... in React — русскоговорящее сообщество

а мне надо отдельные компоненты только, а react и react-dom подключить в script так можно?

источник

02:50пожаловаться #8

АР

Андрей Рудин... in React — русскоговорящее сообщество

если делать через babel src -out-dir . —presets ..react.. то он отдельные файлы транспилирует, а как их собрать потом воедино? без вставки каждого на страницу через <script> ? тоже не понятно :(

источник

02:52пожаловаться #9

VB

Viktor Busko in React — русскоговорящее сообщество

Андрей Рудин

доброй ночи, а кто нибудь знает как сделать так, чтобы в результирующий файл собрать только React компоненты, со всеми зависимостями, без React и ReactDOM, которые подключить отдельно на странице через script ?

Вам именно для Parcel или для вебпака подойдёт? Выделить только реакт хотите или вообще все вендор модули ?

В любом случае это обычно называется "Splitting chunks". А как их настроить уже вам решать.

Вот тут есть примеры:
https://webpack.js.org/guides/code-splitting/#splitchunksplugin

webpack

Code Splitting | webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

источник

03:25пожаловаться #10

VB

Viktor Busko in React — русскоговорящее сообщество

Андрей Рудин

доброй ночи, а кто нибудь знает как сделать так, чтобы в результирующий файл собрать только React компоненты, со всеми зависимостями, без React и ReactDOM, которые подключить отдельно на странице через script ?

Но вообще если прям отдельным скриптом, и при этом во время сборки банды друг о друге не знают, то надо копать в Module federation.

источник

03:32пожаловаться #11

AS

Akzhol Satinov in React — русскоговорящее сообщество

всем привет

источник

08:04пожаловаться #12

AS

Akzhol Satinov in React — русскоговорящее сообщество

Почему ts ругается? я же передаю только пропсы от TextField?

источник

08:05пожаловаться #13

O

Orian in React — русскоговорящее сообщество

наведи мышкой и посмотри

источник

08:06пожаловаться #14

AS

Akzhol Satinov in React — русскоговорящее сообщество

Orian

наведи мышкой и посмотри

он пишет что другие пропсы нужны, но я же ему только передаю пропсы которые нужны TextField

источник

08:07пожаловаться #15

A

Andrew in React — русскоговорящее сообщество

Андрей Рудин

если делать через babel src -out-dir . —presets ..react.. то он отдельные файлы транспилирует, а как их собрать потом воедино? без вставки каждого на страницу через <script> ? тоже не понятно :(

Webpack

источник

08:39пожаловаться #16

С

Сергей in React — русскоговорящее сообщество