Блог

Я оборачиваю свой основной компонент в a <Profiler> , а затем использую профилированные значения для анализа некоторых данных, поступающих от обратного onRender вызова

 import React, { Profiler} from React;

<Profiler id='my-id' onRender={(...values) => { console.log(...values); }>
   <MyMainComponent />
</Profiler>
 

Когда я создаю для производства ( webpack --mode production ), профилировщик, похоже, не загружен (как и ожидалось, потому что это инструмент разработки). Я хочу использовать его в производстве, как с Webpack 5?

Я попытался добавить

         'react-dom

в  webpack.config  псевдонимах, но это нарушает производственную сборку (возможно, потому, что кодовая база используется  render  для отображения маршрута приложения, а метод взят из  react-dom  )