typescript中引入react-hot-loader热加载

1、安装依赖库 react-hot-loader、@types/webpack-env

yarn add react-hot-loader @types/webpack-env -D

2、在 index.tsx 中将组件包裹在 AppContainer

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import App from './App';
import './index.css';
import registerServiceWorker from './registerServiceWorker';

const render = () => {
  ReactDOM.render(
    <AppContainer>
      <App />
    </AppContainer>,
    document.getElementById('root')
  )
}

render()
registerServiceWorker();

// Hot reloading
if (module.hot) {
  // Reload components
  module.hot.accept('./App', () => {
    render()
  })
}

猜你喜欢

转载自www.cnblogs.com/wenxiangxu/p/10130556.html
今日推荐