Javascript-форум (https://javascript.ru/forum/)
-   Node.JS (https://javascript.ru/forum/node-js-io-js/)
-   -   Размер бандла в React (https://javascript.ru/forum/node-js-io-js/85844-razmer-bandla-v-react.html)

Raadsert 12.04.2024 00:53

Размер бандла в React
 
Начал изучать реакт и обратил внимание что бандл, в базовом устанавливаемом приложении реакта - весит 1,7мб.. Это нормально?

ksa 12.04.2024 09:31

Цитата:

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

У тебя есть варианты? :)

Какой программой "делаешь" реакт-приложение?

ksa 12.04.2024 10:45

Raadsert, для примера сделал "стартовое" приложение на rsbuild - бандл занял всего ~164Kb.

Raadsert 12.04.2024 17:17

Цитата:

Сообщение от ksa (Сообщение 555119)
Raadsert, для примера сделал "стартовое" приложение на rsbuild - бандл занял всего ~164Kb.

Командой create-react-app создал приложение, запустил npm start. Всё, бандл 1,7мб.

Raadsert 12.04.2024 20:21

Цитата:

Сообщение от ksa (Сообщение 555119)
Raadsert, для примера сделал "стартовое" приложение на rsbuild - бандл занял всего ~164Kb.

Может его нужно как-то компилировать? Сжимать?

Aetae 12.04.2024 23:23

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

А вот конечный размер и тулинг для его диагностики как раз зависят от того, с помощью чего ты его компилируешь.

Raadsert 13.04.2024 00:58

Цитата:

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

А вот конечный размер и тулинг для его диагностики как раз зависят от того, с помощью чего ты его компилируешь.

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

Без понятия чем компилируется стандартный проект. Как в "гайдах для начинающих" написано, скачал ноду, прописал в консоли 2 команды, приложение запустилось, конец. Больше ничего не устанавливал.

Aetae 13.04.2024 07:41

Raadsert, этих гайдов для начинающих - жопой жуй, как и способов собрать реакт. Пока ты не укажешь конкретно как именно и что ты делаешь - никто тебе не поможет.

Raadsert 13.04.2024 17:35

Цитата:

Сообщение от Aetae (Сообщение 555129)
Raadsert, этих гайдов для начинающих - жопой жуй, как и способов собрать реакт. Пока ты не укажешь конкретно как именно и что ты делаешь - никто тебе не поможет.

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

Видео нужно?

Aetae 13.04.2024 17:44

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

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


Часовой пояс GMT +3, время: 21:12.