Size: a a a

ECMAScript Developers

2020 October 30

SM

S M in ECMAScript Developers
источник

SM

S M in ECMAScript Developers
Тут какая-то переадресация делается, я даже не знаю что это. Обычно не пользуюсь сафари. Может ли быть причина в ней ?
источник

NO

Nikita Omen in ECMAScript Developers
Привет.
Кто-нибудь сталкивался с вопросом оптимизации билда реакт приложения? Меня интересует, как правильно делить на чанки код.
У меня реакт используется для отдельных функций страниц вместе с обычными статичными элементами, то есть условно на каждой странице сайта встраивается 2-4 независимых Реакт компонента. Все компоненты используют по большей части одинаковые библиотеки и общие самописные UI элементы.

Реакт и Реакт дом у меня подключаются из CDN, но при этом куча непонятных для меня библиотек складываются в файл размером почти 1мб.
есть ли возможность как-то продебагать, какие файлы в какой чанк собираются, кроме как лезть в скомпилированные файлы?

Сейчас у меня такой конфиг:
splitChunks: {
 chunks: 'all',
 cacheGroups: {
   classnames: {
     name: 'classnames',
     test: /[\\/]node_modules[\\/]classnames[\\/]/,
   },
   ui_lib: {
     name: 'ui-lib',
     test: /[\\/]common[\\/]ui[\\/]/,
   },
   react: {
     name: 'react',
     test: /[\\/]node_modules[\\/]react-.*[\\/]/,
   },
   helpers: {
     name: 'helpers',
     test: /[\\/]node_modules[\\/](@babel.*|prop-types|object-assign|)[\\/]/,
   },
 }
},
externals: {
 'react': 'React',
 'react-dom': 'ReactDOM',
},
источник

LF

Libron FCB in ECMAScript Developers
S M
Все добрый день. У меня вопрос кто сталкивался с такой проблемой. Посылаю put request  на сервер с данными. В chrome,Firefox  и тд данные отправляются и приходят на сервер корректно. А в safari тот же метод посылает null
Сталкивался подобной проблемой.
Проверь в конце URL должен быть закрывающий слэш "/"  (safari капризный)

вот так:
 /api/v1/somendpoint/

вместо:
  /api/v1/somendpoint
источник

SM

S M in ECMAScript Developers
Libron FCB
Сталкивался подобной проблемой.
Проверь в конце URL должен быть закрывающий слэш "/"  (safari капризный)

вот так:
 /api/v1/somendpoint/

вместо:
  /api/v1/somendpoint
Ок, ща попробую
источник

LF

Libron FCB in ECMAScript Developers
S M
судя по вот этому, его как раз таки нет)
источник

SM

S M in ECMAScript Developers
дааа я его не ставил😅, не думал что из-за этого могут быть ошибки. ЩА проверю
источник

SM

S M in ECMAScript Developers
Libron FCB
Сталкивался подобной проблемой.
Проверь в конце URL должен быть закрывающий слэш "/"  (safari капризный)

вот так:
 /api/v1/somendpoint/

вместо:
  /api/v1/somendpoint
Все заработало! Спасибо большое 😁. Мы тут головы ломали пару часов
источник

LF

Libron FCB in ECMAScript Developers
S M
Все заработало! Спасибо большое 😁. Мы тут головы ломали пару часов
👍👍👍
источник

α

αμαν in ECMAScript Developers
Nikita Omen
Привет.
Кто-нибудь сталкивался с вопросом оптимизации билда реакт приложения? Меня интересует, как правильно делить на чанки код.
У меня реакт используется для отдельных функций страниц вместе с обычными статичными элементами, то есть условно на каждой странице сайта встраивается 2-4 независимых Реакт компонента. Все компоненты используют по большей части одинаковые библиотеки и общие самописные UI элементы.

Реакт и Реакт дом у меня подключаются из CDN, но при этом куча непонятных для меня библиотек складываются в файл размером почти 1мб.
есть ли возможность как-то продебагать, какие файлы в какой чанк собираются, кроме как лезть в скомпилированные файлы?

Сейчас у меня такой конфиг:
splitChunks: {
 chunks: 'all',
 cacheGroups: {
   classnames: {
     name: 'classnames',
     test: /[\\/]node_modules[\\/]classnames[\\/]/,
   },
   ui_lib: {
     name: 'ui-lib',
     test: /[\\/]common[\\/]ui[\\/]/,
   },
   react: {
     name: 'react',
     test: /[\\/]node_modules[\\/]react-.*[\\/]/,
   },
   helpers: {
     name: 'helpers',
     test: /[\\/]node_modules[\\/](@babel.*|prop-types|object-assign|)[\\/]/,
   },
 }
},
externals: {
 'react': 'React',
 'react-dom': 'ReactDOM',
},
Есть же до bundle analyzer, плагина даже есть для вебпака
источник

α

αμαν in ECMAScript Developers
Nikita Omen
Привет.
Кто-нибудь сталкивался с вопросом оптимизации билда реакт приложения? Меня интересует, как правильно делить на чанки код.
У меня реакт используется для отдельных функций страниц вместе с обычными статичными элементами, то есть условно на каждой странице сайта встраивается 2-4 независимых Реакт компонента. Все компоненты используют по большей части одинаковые библиотеки и общие самописные UI элементы.

Реакт и Реакт дом у меня подключаются из CDN, но при этом куча непонятных для меня библиотек складываются в файл размером почти 1мб.
есть ли возможность как-то продебагать, какие файлы в какой чанк собираются, кроме как лезть в скомпилированные файлы?

Сейчас у меня такой конфиг:
splitChunks: {
 chunks: 'all',
 cacheGroups: {
   classnames: {
     name: 'classnames',
     test: /[\\/]node_modules[\\/]classnames[\\/]/,
   },
   ui_lib: {
     name: 'ui-lib',
     test: /[\\/]common[\\/]ui[\\/]/,
   },
   react: {
     name: 'react',
     test: /[\\/]node_modules[\\/]react-.*[\\/]/,
   },
   helpers: {
     name: 'helpers',
     test: /[\\/]node_modules[\\/](@babel.*|prop-types|object-assign|)[\\/]/,
   },
 }
},
externals: {
 'react': 'React',
 'react-dom': 'ReactDOM',
},
Думаю можно сделать ентри поинт для каждого компонента встраиваемого, а в common положить ui-lib и всё что в node_modules
источник

α

αμαν in ECMAScript Developers
А если каждый компонент тянет что-то своё из node_modules и это не дублируется то это можно заигнорить, хотя с новым module federation это можно автоматом сделать вроде
источник

NO

Nikita Omen in ECMAScript Developers
αμαν
А если каждый компонент тянет что-то своё из node_modules и это не дублируется то это можно заигнорить, хотя с новым module federation это можно автоматом сделать вроде
спасибо. попробую на 5-ый вебкак перейти )
источник

NO

Nikita Omen in ECMAScript Developers
αμαν
Думаю можно сделать ентри поинт для каждого компонента встраиваемого, а в common положить ui-lib и всё что в node_modules
в целом у меня так и есть, просто некоторые компоненты довольно маленькие и используются на каждой странице, для них я хочу минимизировать размер загружаемых файлов
источник
2020 November 01

АУ

Антон Усепов... in ECMAScript Developers
Ребят, помогите. Использую blazy.min.js для ленивый загрузки картинок, все работает хорошо. Но как можно регулировать размер src="loader.gif" т.е. когда происходит процесс загрузки картинки, loader.gif на всю выделенную область
источник

и

игорь in ECMAScript Developers
Антон Усепов
Ребят, помогите. Использую blazy.min.js для ленивый загрузки картинок, все работает хорошо. Но как можно регулировать размер src="loader.gif" т.е. когда происходит процесс загрузки картинки, loader.gif на всю выделенную область
Опции breakpoint или offset наверное помогут.
источник
2020 November 02

Н

Нуртилек🌩 in ECMAScript Developers
игорь
Опции breakpoint или offset наверное помогут.
+
источник
2020 November 04

SM

S M in ECMAScript Developers
Всем добрый. Такой вопрос. Насколько корректно и безопасно использование redux для заполнения формы авторизации
источник

VS

Vladislav Starostenk... in ECMAScript Developers
S M
Всем добрый. Такой вопрос. Насколько корректно и безопасно использование redux для заполнения формы авторизации
Нормально
источник

SM

S M in ECMAScript Developers
Ок, спасибо )
источник