Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.04.2024, 00:53
Кандидат Javascript-наук
Отправить личное сообщение для Raadsert Посмотреть профиль Найти все сообщения от Raadsert
 
Регистрация: 09.12.2021
Сообщений: 102

Размер бандла в React
Начал изучать реакт и обратил внимание что бандл, в базовом устанавливаемом приложении реакта - весит 1,7мб.. Это нормально?
Ответить с цитированием
  #2 (permalink)  
Старый 12.04.2024, 09:31
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от Raadsert
обратил внимание что бандл, в базовом устанавливаемом приложении реакта - весит 1,7мб.. Это нормально?
У тебя есть варианты?

Какой программой "делаешь" реакт-приложение?
Ответить с цитированием
  #3 (permalink)  
Старый 12.04.2024, 10:45
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Raadsert, для примера сделал "стартовое" приложение на rsbuild - бандл занял всего ~164Kb.
Ответить с цитированием
  #4 (permalink)  
Старый 12.04.2024, 17:17
Кандидат Javascript-наук
Отправить личное сообщение для Raadsert Посмотреть профиль Найти все сообщения от Raadsert
 
Регистрация: 09.12.2021
Сообщений: 102

Сообщение от ksa Посмотреть сообщение
Raadsert, для примера сделал "стартовое" приложение на rsbuild - бандл занял всего ~164Kb.
Командой create-react-app создал приложение, запустил npm start. Всё, бандл 1,7мб.
Ответить с цитированием
  #5 (permalink)  
Старый 12.04.2024, 20:21
Кандидат Javascript-наук
Отправить личное сообщение для Raadsert Посмотреть профиль Найти все сообщения от Raadsert
 
Регистрация: 09.12.2021
Сообщений: 102

Сообщение от ksa Посмотреть сообщение
Raadsert, для примера сделал "стартовое" приложение на rsbuild - бандл занял всего ~164Kb.
Может его нужно как-то компилировать? Сжимать?
Ответить с цитированием
  #6 (permalink)  
Старый 12.04.2024, 23:23
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,590

Raadsert, лол, не используй слова которых не знаешь. Бандл и есть "скомпилированное и сжатое" приложение. Если ты просто оцениваешь вес папки, там и сотни мегов быть могут.

А вот конечный размер и тулинг для его диагностики как раз зависят от того, с помощью чего ты его компилируешь.
__________________
29375, 35
Ответить с цитированием
  #7 (permalink)  
Старый 13.04.2024, 00:58
Кандидат Javascript-наук
Отправить личное сообщение для Raadsert Посмотреть профиль Найти все сообщения от Raadsert
 
Регистрация: 09.12.2021
Сообщений: 102

Сообщение от Aetae Посмотреть сообщение
Raadsert, лол, не используй слова которых не знаешь. Бандл и есть "скомпилированное и сжатое" приложение. Если ты просто оцениваешь вес папки, там и сотни мегов быть могут.

А вот конечный размер и тулинг для его диагностики как раз зависят от того, с помощью чего ты его компилируешь.
Ну да, буду я называть бандлом всю папку node-moduls и все файлы проекта. Я же такой тупой что инструменты разработчика открыть не могу, а слово "бандл" где-то в интернете вычитал, и это никаким образом не относится к файлику bundle.js

Без понятия чем компилируется стандартный проект. Как в "гайдах для начинающих" написано, скачал ноду, прописал в консоли 2 команды, приложение запустилось, конец. Больше ничего не устанавливал.
Ответить с цитированием
  #8 (permalink)  
Старый 13.04.2024, 07:41
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,590

Raadsert, этих гайдов для начинающих - жопой жуй, как и способов собрать реакт. Пока ты не укажешь конкретно как именно и что ты делаешь - никто тебе не поможет.
__________________
29375, 35
Ответить с цитированием
  #9 (permalink)  
Старый 13.04.2024, 17:35
Кандидат Javascript-наук
Отправить личное сообщение для Raadsert Посмотреть профиль Найти все сообщения от Raadsert
 
Регистрация: 09.12.2021
Сообщений: 102

Сообщение от Aetae Посмотреть сообщение
Raadsert, этих гайдов для начинающих - жопой жуй, как и способов собрать реакт. Пока ты не укажешь конкретно как именно и что ты делаешь - никто тебе не поможет.
Повторю.
1. Запустили WebStorm
2. Ввели команду create-react-app
3. Перешли в папку с проектом
4. Запустили приложение командой npm start
5. Открываем инструменты разработчика на сайте
6. Обновляем страницу и видим файл bundle.js весом в 1.7мб

Видео нужно?
Ответить с цитированием
  #10 (permalink)  
Старый 13.04.2024, 17:44
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,590

Raadsert, ну вот надо не start, а build. Потому что при start запускается версия в режиме разработчика совершенное не оптимизированная и со всякими дополнительными, нужными для разработки, фичами.

Ну и cra вроде как вышел из моды, тут у ksa уточняй как нонче принято.
__________________
29375, 35

Последний раз редактировалось Aetae, 13.04.2024 в 17:46.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
виджет комментариев переделать с react на redux melnikov24 Node.JS 1 17.01.2019 12:51
node.js + react не принимает пост запрос korih Node.JS 0 15.04.2018 17:52
Как правильно перебрать условия из разных таблиц? the_little Общие вопросы Javascript 10 30.10.2017 09:19
Заменить значения value в форме при отправке на email the_little Общие вопросы Javascript 26 29.10.2017 21:26
Ищу Senior Frontend (React, Angular), Москва, 140 - 180 000 gross, full time офис. Ekaterina Polyakova Работа 0 11.08.2016 19:07