hm-react-cli/template/app/src/router/router.js

Create a Huimei React project by module

const NotFoundPage = () => <div>404 Not Found Page!</div>;

export default {
    // indexRoute: {
    //     onEnter: (nextState, replace) => replace('Home')
    // }

    childRoutes: [
        // {
        //     path: '/',
        //     exact: true,
        //     component: BaseLatout
        // },
        {
            path: 'Button',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Button" */ '../components/Button');
                cb(null, component.default);
            }
        },
        {
            path: 'Layout',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Layout" */ '../components/Layout');
                cb(null, component.default);
            }
        },
        {
            path: 'Cascader',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Cascader" */ '../components/Cascader');
                cb(null, component.default);
            }
        },
        {
            path: 'Checkbox',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Checkbox" */ '../components/Checkbox');
                cb(null, component.default);
            }
        },

        {
            path: 'DatePicker',
            async getComponents(nextState, cb) {
                const DatePicker = await import(/* webpackChunkName: "DatePicker" */ '../components/DatePicker');
                cb(null, DatePicker.default);
            }
        },
        {
            path: 'Dropdown',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Dropdown" */ '../components/Dropdown');
                cb(null, component.default);
            }
        },
        {
            path: 'InputNumber',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "InputNumber" */ '../components/InputNumber');
                cb(null, component.default);
            }
        },
        {
            path: 'Message',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Message" */ '../components/Message');
                cb(null, component.default);
            }
        },
        {
            path: 'Modal',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Modal" */ '../components/Modal');
                cb(null, component.default);
            }
        },
        {
            path: 'Popconfirm',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Popconfirm" */ '../components/Popconfirm');
                cb(null, component.default);
            }
        },
        {
            path: 'Popover',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Popover" */ '../components/Popover');
                cb(null, component.default);
            }
        },
        {
            path: 'Radio',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Radio" */ '../components/Radio');
                cb(null, component.default);
            }
        },
        {
            path: 'Select',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Select" */ '../components/Select');
                cb(null, component.default);
            }
        },
        {
            path: 'Slider',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Slider" */ '../components/Slider');
                cb(null, component.default);
            }
        },
        {
            path: 'Spin',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Spin" */ '../components/Spin');
                cb(null, component.default);
            }
        },
        {
            path: 'Switch',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Switch" */ '../components/Switch');
                cb(null, component.default);
            }
        },
        {
            path: 'Table',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Table" */ '../components/Table');
                cb(null, component.default);
            }
        },
        {
            path: 'Tag',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Tag" */ '../components/Tag');
                cb(null, component.default);
            }
        },
        {
            path: 'Timeline',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Timeline" */ '../components/Timeline');
                cb(null, component.default);
            }
        },
        {
            path: 'Tooltip',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Tooltip" */ '../components/Tooltip');
                cb(null, component.default);
            }
        },
        {
            path: 'BackTop',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "BackTop" */ '../components/BackTop');
                cb(null, component.default);
            }
        },
        {
            path: 'TreeSelect',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "TreeSelect" */ '../components/TreeSelect');
                cb(null, component.default);
            }
        },
        {
            path: 'QueueAnim',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "QueueAnim" */ '../components/QueueAnim');
                cb(null, component.default);
            }
        },
        {
            path: 'Upload',
            async getComponents(nextState, cb) {
                const component = await import(/* webpackChunkName: "Upload" */ '../components/Upload');
                cb(null, component.default);
            }
        },

        {
            path: '*',
            component: NotFoundPage
        }
    ]
};