Lighthouse, рекомендация инструментов разработчика «Удалить неиспользуемый javascript». Как мне оптимизировать /node_modules/react-dom?

#reactjs #react-dom #lighthouse #google-developer-tools

#reactjs #react-dom #lighthouse #google-developer-tools

Вопрос:

Я запустил проверку производительности в инструментах разработчика Chrome на вкладке Lighthouse. Он рекомендует мне «Удалить неиспользуемый Javascript» и предлагает: …/node_modules/react-dom/cjs/react-dom.development.js это обеспечило бы потенциальную экономию в размере 60,7 КБ.

Я попытался полностью удалить модуль, но это нарушает работу моего приложения. Существует зависимость от файлов ядра material-UI, которые я установил.

Я понятия не имею, что делать дальше. Должен ли я оставить это и признать, что это «необходимый» бит потраченного впустую кода, или есть что-то еще?

Комментарии:

1. Привет, .development означает, что вы используете пакет разработки React DOM , поэтому, возможно, захотите протестировать свое приложение с помощью производственной сборки

2. Эй, если вы использовали create-react-app для настройки своего проекта, вы можете просто использовать npm run build для создания производственной сборки, как упоминал @t3__rry .

3. Отличное место @t3__rry и foxxycodes — я слишком увяз в вещах, которые уже были исправлены скриптом сборки create-react-app. Надеюсь, любой, кто дочитает до этого места, сэкономит себе много времени 🙂