Создание пользовательских уведомлений на основе Webpack HMR - PullRequest
Новая
       92

Создание пользовательских уведомлений на основе Webpack HMR

0 голосов
/ 23 февраля 2020

У меня есть это, которое работает: 

ReactDOM.render(
  <Root store={store} onEnterRedir={onEnterRedir}/>,
  document.getElementById('app')
);

if (module.hot) {
  module.hot.accept('./root.jsx', () => {
    const NextRootContainer = require('./root.jsx').default;
    ReactDOM.render(<NextRootContainer/>, document.getElementById('app'));
  })
}

, что я хочу сделать, это подключиться к событиям и создавать уведомления в процессе разработки, когда файл изменяется, а затем, когда он завершает сборку и повторную визуализацию.

У меня есть один хук, доступный здесь: 

if (module.hot) {
  module.hot.accept('./root.jsx', () => {
    // [3] RE_RENDERING_IS_STARTING
    const NextRootContainer = require('./root.jsx').default;
    ReactDOM.render(<NextRootContainer/>, document.getElementById('app'));
    // [4] RE_RENDERING_IS_COMPLETE
  })
}

Итак, я ищу 4 события для подключения: 

[1] FILE_CHANGE_DETECTED_REBUILD_STARTED
[2] REBUILD_FINISHED
[3] RE_RENDERING_IS_STARTING
[4] RE_RENDERING_IS_COMPLETE

выглядит как [3] и [4 ], есть ли способ для меня подключиться к [1] ​​и [2]?

...