dupi optimize webpack,add dll config

Author: duxianwei520

app/configs/router.config.js

@@ -3,9 +3,15 @@ import { Router, Route, IndexRoute, hashHistory/* , Redirect */ } from 'react-ro
 import { isLogin } from '@configs/common'
 import { set } from '@config'
 
-import * as base from '@pages/base' // 基础
-import * as sysSet from '@pages/setCenter' // 设置中心-系统设置
+// import * as base from '@pages/base' // 基础
+// import * as sysSet from '@pages/setCenter' // 设置中心-系统设置
 // import * as menu from '@pages/menu' // 菜单
+// 图表
+const wrap = (location, cb) => {
+  require.ensure([], (require) => {
+    cb(null, require('../pages/base/app').default)
+  }, 'wrap')
+}
 
 // 图表
 const echarts = (location, cb) => {
@@ -28,23 +34,72 @@ const editor = (location, cb) => {
   }, 'editor')
 }
 
+// 示例页面
+const example = (location, cb) => {
+  require.ensure([], (require) => {
+    cb(null, require('../pages/base/example').default)
+  }, 'example')
+}
+
+// 用户管理
+const login = (location, cb) => {
+  require.ensure([], (require) => {
+    cb(null, require('../pages/base/login').default)
+  }, 'login')
+}
+
+// welcome
+const welcome = (location, cb) => {
+  require.ensure([], (require) => {
+    cb(null, require('../pages/base/welcome').default)
+  }, 'welcome')
+}
+
+// 用户管理
+const userManage = (location, cb) => {
+  require.ensure([], (require) => {
+    cb(null, require('../pages/setCenter/sys/userManage').default)
+  }, 'userManage')
+}
+
+// 角色管理
+const roleManage = (location, cb) => {
+  require.ensure([], (require) => {
+    cb(null, require('../pages/setCenter/sys/roleManage').default)
+  }, 'roleManage')
+}
+
+// 模块管理
+const moduleManage = (location, cb) => {
+  require.ensure([], (require) => {
+    cb(null, require('../pages/setCenter/sys/moduleManage').default)
+  }, 'moduleManage')
+}
+
+// 404
+const notfound = (location, cb) => {
+  require.ensure([], (require) => {
+    cb(null, require('../pages/base/notfound').default)
+  }, 'notfound')
+}
+
 export default () => (
   <Router history={hashHistory}>
-    <Route path="/" component={base.app} onEnter={isLogin}>
-      <IndexRoute component={base.welcome} />
-      <Route path="/desk$/index" component={base.example} />
+    <Route path="/" getComponent={wrap} onEnter={isLogin}>
+      <IndexRoute getComponent={welcome} />
+      <Route path="/desk$/index" getComponent={example} />
       {/** *菜单 开始 */}
       <Route path="/echarts" getComponent={echarts} />
       <Route path="/editor" getComponent={editor} />
       <Route path="/chat" getComponent={chat} />
       {/** *菜单 结束 */}
       {/** *系统设置 开始 */}
-      <Route path={`/${set}/userManage`} component={sysSet.userManage} />
-      <Route path={`/${set}/roleManage`} component={sysSet.roleManage} />
-      <Route path={`/${set}/moduleManage`} component={sysSet.moduleManage} />
+      <Route path={`/${set}/userManage`} getComponent={userManage} />
+      <Route path={`/${set}/roleManage`} getComponent={roleManage} />
+      <Route path={`/${set}/moduleManage`} getComponent={moduleManage} />
       {/** *系统设置 结束 */}
     </Route>
-    <Route path="/login" component={base.login} />
-    <Route path="*" component={base.notfound} />
+    <Route path="/login" getComponent={login} />
+    <Route path="*" getComponent={notfound} />
   </Router>
 )

app/pages/base/example.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 // import PropTypes from 'prop-types'
-import { } from 'antd'
+// import { } from 'antd'
 // import {connect} from 'react-redux'
 // import {} from '@actions/xxx'
 

app/pages/base/index.js

@@ -1,10 +1,10 @@
 
 
 import developing from './developing'
-import example from './example'
-import login from './login'
+// import example from './example'
+// import login from './login'
 import notfound from './notfound'
 import welcome from './welcome'
 import app from './app'
 
-export { developing, example, login, notfound, welcome, app }
+export { developing, /*  example, login,  */notfound, welcome, app }

app/pages/base/login.js

@@ -92,10 +92,7 @@ export default class Login extends Component {
     console.log(this.props.loginResponse)
     return (
       <div className="login-container">
-        <div className="extraLink">
-          <a href="http://56.32.3.185:7777/pgis/html/prologue/prologue.html" target="_blank" rel="noopener noreferrer">数据承载</a>
-          <a href="http://56.32.3.123:8080/search/sspt/datasearch/prologue.html" target="_blank" rel="noopener noreferrer">数据纽带</a>
-        </div>
+        <div className="extraLink" />
         <div className="flexcolumn">
           <div className="login-header" key="header">
             <div className="slogan">

app/pages/example.js

@@ -1,7 +1,7 @@
 
 import '@styles/set.less'
-import userManage from './sys/userManage'
-import roleManage from './sys/roleManage'
-import moduleManage from './sys/moduleManage'
+// import userManage from './sys/userManage'
+// import roleManage from './sys/roleManage'
+// import moduleManage from './sys/moduleManage'
 
-export { userManage, roleManage, moduleManage }
+// export { userManage, roleManage, moduleManage }

app/pages/setCenter/index.js

@@ -12,6 +12,7 @@ import {
   fetchModuleAdd, // 新增模块
   fetchButtonList, // 按钮权限列表
 } from '@apis/manage'
+import '@styles/set.less'
 
 import ModuleList from './moduleList'
 import ModuleModal from './modal/moduleAdd' // 新增修改模块

app/pages/setCenter/sys/moduleManage/index.js

@@ -18,6 +18,7 @@ import {
   fetchUpdateButton,
   fetchTreeList,
 } from '@apis/manage'
+import '@styles/set.less'
 import RolesList from './roleList'
 import RolesModule from './roleModuleList'
 import PeopleTree from './peopleTreeList'

app/pages/setCenter/sys/roleManage/index.js

@@ -11,6 +11,7 @@ import {
   fetchRoleList,
   fetchChangeUserStatus,
 } from '@apis/manage'
+import '@styles/set.less'
 import TreeList from './treeList'
 import AddPolice from './modal/addPolice'
 import SelectRole from './modal/selectRole'