Чтобы включить production mode в React, используй DefinePlugin из Webpack для установки переменной окружения NODE_ENV в production. Это автоматически удаляет функции, которые нужны только для разработки, такие как валидация PropTypes и предупреждения в консоли, и оптимизирует производительность твоего приложения.
Настрой свой Webpack вот так:
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('production')
})
Как только NODE_ENV установлен на production, применяй дополнительные техники оптимизации:
Эти оптимизации дают ощутимые улучшения:
Большинство современных инструментов сборки вроде Create React App и Vite сами справляются с конфигурацией production. Обычно достаточно просто запустить соответствующую команду сборки:
npm run build
Это гарантирует, что все оптимизации применятся без ручной настройки Webpack.
Установка NODE_ENV в production с помощью Webpack плагина DefinePlugin автоматически удаляет валидацию PropTypes и предупреждения в консоли из финального бандла.
Новый — ещё не проверен сообществом
Вы