React Typescript 使用 webpack 4.16.3版本如何實(shí)現(xiàn)按需加載

如題，有什么第三方插件能夠?qū)崿F(xiàn)按需加載嗎？
目前Router code如下：

import * as React from 'react';
import {HashRouter,BrowserRouter,Router,Route,Switch,Link,Redirect} from 'react-router-dom';
import {Provider} from 'react-redux';
import configureStore from '../store/configureStore';

import Hello from '../views/Hello';
import Home from '../views/Home';
import NotFound from '../views/NotFound';



const store = configureStore();

const App =()=>(
    <Provider store={store}>
        <HashRouter>
            <Switch>
                    <Route exact path="/" component={Home} />
                    <Route path="/Hello" 
                        component = {Hello}
                    ></Route>
                    <Route path="/Home" 
                        component = {Home}
                    ></Route>
                    <Route path="/NotFound"
                      component = {NotFound}
                    ></Route>
                     
                    <Redirect exact path='*' to='/NotFound'></Redirect>
            </Switch>
        </HashRouter>
    </Provider>
)
export default App;

如何實(shí)現(xiàn)按需加載