简化结构，删除counter，elapse，404

Author: Sven

src/layouts/components/CustomHome.js

@@ -6,27 +6,11 @@ import AsyncLoad from '../../components/AsyncLoad'
 import Navbar from '../containers/NavbarContainer'
 
 // `import()` 异步加载模块，魔法注释写chunkName
-export const AsyncCounter = AsyncLoad({
-  loader: () => import(/* webpackChunkName: "counter" */'routes/Counter'),
-})
-
-const AsyncZen = AsyncLoad({
+export const AsyncZen = AsyncLoad({
   loader: () => import(/* webpackChunkName: "zen" */'routes/Zen'),
 })
 
-const AsyncElapse = AsyncLoad({
-  loader: () => import(/* webpackChunkName: "elapse" */'routes/Elapse'),
-})
-
-const AsyncRoute = AsyncLoad({
-  loader: () => import(/* webpackChunkName: "route" */'routes/Route'),
-})
-
-const AsyncPageNotFound = AsyncLoad({
-  loader: () => import(/* webpackChunkName: "pageNotFound" */'routes/PageNotFound'),
-})
-
-export const AsyncHome = AsyncLoad({
+const AsyncHome = AsyncLoad({
   loader: () => import(/* webpackChunkName: "home" */'routes/Home'),
 })
 
@@ -37,11 +21,7 @@ export default function CustomHome() {
       <Container className="text-center page-layout__viewport">
         <Switch>
           <Route exact path="/" component={AsyncHome} />
-          <Route path="/counter" component={AsyncCounter} />
           <Route path="/zenPage" component={AsyncZen} />
-          <Route path="/elapse" component={AsyncElapse} />
-          <Route path="/route/:id" component={AsyncRoute} />
-          <Route component={AsyncPageNotFound} />
         </Switch>
       </Container>
     </div>

src/layouts/components/Navbar.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import { func } from 'prop-types'
 import { Collapse, Navbar, NavbarToggler, NavbarBrand, Nav, NavLink } from 'reactstrap'
 import { NavLink as Link } from 'react-router-dom'
-import { AsyncCounter } from './CustomHome'
+import { AsyncZen } from './CustomHome'
 
 export default class CustomNavbar extends Component {
   static propTypes = {
@@ -25,7 +25,7 @@ export default class CustomNavbar extends Component {
   }
 
   onMouseOver = () => {
-    AsyncCounter.preload()
+    AsyncZen.preload()
   }
 
   render() {
@@ -35,11 +35,7 @@ export default class CustomNavbar extends Component {
         <NavbarBrand exact to="/" tag={Link}>Vortex React</NavbarBrand>
         <Collapse isOpen={this.state.isOpen} navbar>
           <Nav className="ml-auto" navbar>
-            <NavLink to="/counter" tag={Link} onMouseOver={this.onMouseOver}>Counter</NavLink>
-            <NavLink to="/zenPage" tag={Link}>Zen</NavLink>
-            <NavLink to="/elapse" tag={Link}>Elapse</NavLink>
-            <NavLink to="/route/8080" tag={Link}>Route</NavLink>
-            <NavLink to="/pageNotFound" tag={Link}>404</NavLink>
+            <NavLink to="/zenPage" onMouseOver={this.onMouseOver} tag={Link}>Zen</NavLink>
             <NavLink href="javascript:;" onClick={this.signOut}>Sign out</NavLink>
             <NavLink href="https://github.com/YutHelloWorld/vortex-react">Github</NavLink>
           </Nav>