Правильный способ обслуживания сборки реакции, созданной с помощью webpack
У меня есть приложение, созданное с помощью create-react-app.
После запуска npm run build я получил сообщение:
File sizes after gzip:
550.11 KB build/static/js/main.0bef6e38.js
46.61 KB build/static/css/main.dffb4fca.css
Хороший. Но после запуска serve -s build я получил размер приложения в браузере, равный исходным 2,5 Мб. Я проверил бандл в файловой системе и там тоже размер 2,5 Мб.
Итак, вопрос: Почему это происходит и как правильно обслуживать реагирующее приложение? Спасибо!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Есть 2 режима, которые поставляются с webpack 4: development и production.
По умолчанию он обслуживает сборку как development.
Если вы хотите собрать для производства, просто запустите npx webpack -p.
Что ж, в этом отчете говорится, что ваш пакет будет иметь этот размер только после gzip. Что ж, вы должны разрешить gzip. В библиотеках http, например express, вы можете добавить сжатие в качестве промежуточного программного обеспечения, которое включит gzip, и ваш контент будет серверным как gzip.
Это зависит от того, как вы его обслуживаете и как статический файловый сервер позволяет вам включить gzip.