加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 20:38:22 所属栏目:百科 来源:网络整理
导读: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

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()
  })
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读