React-Webpack 按需加载|-|&tag=react

React-CoreRouter.js

        // FIXME:因为在ComponentsLet中引入了所需的组件,所以不会再单独打包出独立的组件.若工程进一步增加,有必要整理代码
        const root_Welcome = {
            path: '/Welcome',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, require('App/Components/Core/Welcome/WelcomeCpt').default)
                }, 'Welcome')
            }
        };

        const root_TableLinkDB_Link = {
            path: '/TableLinkDB/:apiId/:linkId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, TableLinkDB)
                }, 'root_TableLinkDB_Link')
            }
        };

        const root_TableLinkDB = {
            path: '/TableLinkDB/:apiId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, TableLinkDB)
                }, 'root_TableLinkDB')
            }
        };

        const hMDataQuery ={
            path: '/HMDataQuery/:apiId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, TableLinkDB)
                }, 'HMDataQuery')
            }
        };

        const devInterfaceTtlDtlTable ={
            path: '/DevInterfaceTtlDtlTable/:apiId/:linkId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, TableLinkDB)
                }, 'DevInterfaceTtlDtlTable')
            }
        };

        const devBeanTable ={
            path: '/DevBeanTable/:apiId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, TableLinkDB)
                }, 'DevBeanTable')
            }
        };

        const devRegDBObjectTable ={
            path: '/DevRegDBObjectTable/:apiId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, TableLinkDB)
                }, 'DevRegDBObjectTable')
            }
        };

        const checkPoint ={
            path: '/CheckPoint/:apiId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, CheckPoint)
                }, 'CheckPoint')
            }
        };

        const histroyCurv ={
            path: '/HistroyCurv/:apiId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, HistroyCurv)
                }, 'HistroyCurv')
            }
        };

        const liveCurv ={
            path: '/LiveCurv/:apiId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, LiveCurv)
                }, 'LiveCurv')
            }
        };

        const hotMap ={
            path: '/HotMap/:apiId',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, HotMap)
                }, 'HotMap')
            }
        };

        const error ={
            path: '*',
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, Error)
                }, 'Error')
            }
        };

        const rootRoute = {
            path: '/',
            indexRoute: {
                getComponent(nextState, cb) {
                    require.ensure(['App/Components/Core/Welcome/WelcomeCpt'], (require) => {
                        cb(null, require('App/Components/Core/Welcome/WelcomeCpt').default)
                    }, 'Welcome')
                },
            },
            getComponent(nextState, cb) {
                require.ensure([], (require) => {
                    cb(null, CoreCptFunc)
                }, 'Main')
            },
            childRoutes: [
                {
                    path: '/Welcome',
                    getComponent(nextState, cb) {
                        require.ensure(['App/Components/Core/Welcome/WelcomeCpt'], (require) => {
                            cb(null, require('App/Components/Core/Welcome/WelcomeCpt').default)
                        }, 'Welcome')
                    }
                },
                root_TableLinkDB_Link,
                root_TableLinkDB,
                devBeanTable,
                devInterfaceTtlDtlTable,
                devRegDBObjectTable,
                checkPoint,
                histroyCurv,
                liveCurv,
                hotMap,
                error
            ]
        };